环境介绍：Nodejs：14.18.0、Vite：2.7.10、Vue：3.2.26、依赖安装采用pnpm。第一部分：环境搭建一、使用pnpm创建一个vite程序$pnpmcreatevite二、安装vite插件：@vitejs/plugin-vue-jsx$pnpmi@vitejs/plugin-vue-jsx三、在vite.config.js加入jsx配置//vite.config.jsimport{defineConfig}from'vite'importvueJsxfrom'@vitejs/plugin-vue-jsx'importvuefrom'@vitejs/plugin-vue'

defineComponent基本用法vue3中，新增了defineComponent，它并没有实现任何的逻辑，只是把接收的Object直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务TypeScript而存在的。我都知道普通的组件就是一个普通的对象，既然是一个普通的对象，那自然就不会获得自动的提示，import{defineComponent}from'vue'constcomponent={name:'Home',props:{data:String,},setup//没有该有的提示，这非常的不友好}exportdefaultcomponent但是当我们加上

vue3中，新增了defineComponent，它并没有实现任何的逻辑，只是把接收的Object直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务TypeScript而存在的。我都知道普通的组件就是一个普通的对象，既然是一个普通的对象，那自然就不会获得自动的提示，import{defineComponent}from'vue'constcomponent={name:'Home',props:{data:String,},setup//没有该有的提示，这非常的不友好}exportdefaultcomponent但是当我们加上defineComponent（）之后

vue3中，新增了defineComponent，它并没有实现任何的逻辑，只是把接收的Object直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务TypeScript而存在的。我都知道普通的组件就是一个普通的对象，既然是一个普通的对象，那自然就不会获得自动的提示，import{defineComponent}from'vue'constcomponent={name:'Home',props:{data:String,},setup//没有该有的提示，这非常的不友好}exportdefaultcomponent但是当我们加上defineComponent（）之后