vue3新变化

1. 首次渲染更快，diff算法更快，内存占用更少，打包体积更小
2. 更好的Ts语法支持
3. Composition API

破坏语法的更新

1. 移除了$on方法
2. 移除过滤器选项（插值表达式不能够再使用过滤器filter）
3. 移除.sync（v-bind不能使用.sync修饰符）

生成一个vue3.项目

• vue create 项目名称
• 初始化项目配置

第一步 是生成默认的npm包还是自定义配置

1. default（vue3 babel，eslint）：快速创建无任何辅助npm包的vue3项目
2. default（vue2 babel，eslint）：快速创建无任何辅助npm包的vue2项目
3. Manually select features：自定义配置，提供可选功能的 npm 包

第二步 手动选择创建项目所需要的功能（空格是选择键）

1. Babel（转码器，可以将ES6代码转为ES5代码，从而在现有环境执行）
2. TypeScript（是否支持TypeScript）
3. Progressive Web App (PWA) Support（渐进式Web应用程序）
4. Router（vue路由）
5. Vuex（vue的状态管理模式）
6. CSS Pre-processors（CSS 预处理器，如：less、sass）
7. Linter / Formatter（代码风格检查和格式化，如：ESlint）
8. Unit Testing（单元测试，unit tests）
9. E2E Testing（e2e（end to end） 测试）

第三步 选择vue版本

第四步 路由是否使用history模式

第五步 选择css 预处理器

第六步 babel，Eslint等配置文件是存放在package.json文件中还是单独存放

第七步 是否将刚才配置的保存为项目默认设置