1.为什么要使用Vue3:
这里主要通过介绍Vue3的优点以及与Vue2的对比来解答这个问题。
Vue3的六大亮点
1.性能比Vue2快1.2~2倍;
性能的提升主要是通过响应式系统的提升(vue3使用proxy对象重写响应式)以及编译优化(优化编译和重写虚拟dom、优化diff算法)来完成。
2.Vue3 按需编译,体积比Vue2更小;
相比Vue2,Vue3整体体积变小了,除了移出一些不常用的API,再重要的是Tree shanking任何一个函数,如ref、reactive、computed等,仅仅在用到的时候才打包,没用到的模块都被去掉,打包的整体体积变小
3.支持组合API(Composition Api);
vue2使用Options Api(选项api),而vue3使用Composition Api(组合api)
Options Api
Options Api 条例清晰,相同的放在相同的地方;但随着组件功能的增大,关联性会大大降低,组件的阅读和理解难度会增加;
Composition Api
Composition Api组件根据逻辑功能来组织的,一个功能所定义的所有 API 会放在一起(更加的高内聚,低耦合),即使项目很大,功能很多,我们都能快速的定位到这个功能所用到的所有 API。
4.更好的支持TS
完全良好的支持了TypeScript。类型校验成为了Vue3进行大型项目开发的质量保障,同时这也是面向了前端的未来趋势
5.暴露了自定义渲染的API
6.提供了更先进的组件
Frament(片段)组件、Teleport(传送)组件、suspense(暂停)组件