1：在Vite项目中，index.html是项目入口文件，在项目最外层。vite创建项目(npm init vue@latest)
2：加载index.html后，Vite解析<script type='module' src='xxx'></script>指向的javascript。
3：vue3中通过createApp函数创建一个应用实例。
4：setup是vue3的一个新的配置项，值是一个函数，组件中所用到的：数据，方法，计算属性，监视等等，均需配置在setup中。
特点
setup函数中返回的对象内容，可直接在模板中使用。
setup中的this为undefined。
setup的执行时机在beforeCreate之前。
5：setup和data/methods的关系是：setup不能读取data中的数据，但是data可以读取setup中的内容
6：setup语法糖(不用写return)
<script lang='ts' setup name='Person'></script>
setup的返回值还可以是一个函数，然后可以直接覆盖模版的内容
<script>
setup(){
()=>{
return 'hahha'
}
}
</script>
7:使用插件设置组件的名字
第一步：安装
npm install vite-plugin-vue-setup-extend
第二步：在vite.config.ts中配置
import vuePluginsetupExtend from 'vite-plugin-vue-setup-extend'
...
plugins:[vuePluginsetupExtend()]
