1.packge.json

vue的版本是3+依赖vite做底层驱动

2.vite.config.js

配置文件 类似于vue2的vue.config.js

3.业务文件夹src/main.js

new Vue()创建vue的实例对象
createApp也是用来创建vue的实例对象
createApp(App).mount('#app')
mount('#app')把vue的实例对象挂载在index.html的#app上

4.App.vue

 script -> template -> style
 script 上的setup是一个特殊的开关：
  a.打开之后，就可以使用组合式api
  b.不打开它，就可以继续兼容v2的写法
 template中可以不需要唯一的根元素的区别
 

5.vue3的优势

 更容易维护
  a.组合式Apl
  b.更换的TypeScript支持
 更快的速度
  a.重写diff算法
  b.模块编辑优化
  c.更高效的组件初始化
 更小的体积
  a.良好的TreeShaking
  b.按需引入
 更优的数据响应式
  proxy

小结

vite.config.js---项目的配置文件 基于vite的配置
package.json---项目包文件 核心依赖项变成了vue3.x和vite
main.js---入口文件 createApp函数创建应用实例
app.vue---根组件SFC单文件组件 script-template-style
  变化一：脚本script和模块template顺序调整
  变化二：模板template不再要求唯一根元素
  变化三：脚本script添加setup标识支持组合式Apl
index.html---单页入口 提供id为app的挂载点