1、vue3的优势
(1)更易维护:组合式api,更好的TypeScript支持
(2)更快的速度:重写diff算法,模版编译优化,更高效的组件化
(3)更小的体积:良好的TreeShaking,按需引入
(4)更优的数据响应式:更优的响应式
2、新的脚手架工具create-vue(底层切换到了vite,为开发提供极速响应)
3、创建vue3项目
(1)检查node版本(node -v)(支持16.0以上的版本)
(2)创建一个vue应用(npm init vue@latest)
1)执行 npm init vue@latest,回车
2)选y,回车
3)输入项目名
回车:
4)不添加typeScript语法
回车:
5)不添加JSX
回车:
6)不引入Vue Router
回车:
7)不引入Pinia
8)不引入Vitest
9)不引入End to End
10)引入EsLint
11)不引入Prettier
12)不引入Vue DevTools 7
回车:
13)执行(cd vue3-demo1,npm install,npm run dev),启动服务
4、vue3的项目文件
(1)vite.config.js -项目的配置文件,基于vite的配置
(2)package.json 项目包文件,核心依赖变成了vue3.x和vite
(3)main.js 入口文件,createApp函数创建应用实例
(4)index.html 单页入口,提供id为app的挂载点
(5)app.vue 根组件,SFC单文件组件script-template-style
变化: