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
变化:
1)脚本script和模版template的顺序调整
2)模版template不再要求单一根元素
3)脚本script添加setup标识支持组合式API
5、插件变化
(1)点开App.vue,显示要更换插件(Vetur->Volar)

(2)禁用Vetur,安装Vue Official




















