vue3 和 vue2 区别

2022-11-26 0 234

vue3 和 vue2 区别

vue3 出后,无论是怎样的子公司,无论是想新体验新技术也罢却是盲目跟风也罢(对个人真的盲目跟风占比Villamblard),如果是展枝工程项目西区优先选择 vue3,紧随其后得来的 vue3 和 vue2 的差别的确是要介绍。

操控性提高

有许多非官方统计数据,而已我没找出是这儿出的:

装箱大小不一增加 41%

首度图形快 55%

预览速度慢 133%

缓存采用增加 54%

主要就是改写交互式 dom 和 tree shaking 的强化(采用了 composition api)。

Composition API(复合式 API)

从前如果你用了 vue,无论你用不行这些 api,都却是整座引入 vue,比如说不行合作开发周期 update,但那个特性却是存有引入的,采用了 composition api,按需引入,更快的全力支持了 tree shaking。

除了一点儿是更快的把有关机能分拆在几块,有两张相片很简单的则表示:

vue3 和 vue2 区别

全面性全力支持 typescript

整座 vue3 全数是 typescript 撰写,应用软件 vscode 也早已有了各式各样应用程序全力支持整座 typescript 的合作开发。

积极响应式api发生改变

vue2采用的是Object.definepropert:

必须递归监听所有特性,新增特性无法监听($set)

数组下标和长度变化无法监听(采用对统计数据进行劫持 结合发布订阅模式来实现)

兼容性好

vue3采用Proxy:

懒监听,只监听第一层,当你调用到才监听后的统计数据

新增特性和数组新增修改可以直接监听

不兼容IE11

这是几个比较大的发生改变,其他小发生改变就很多了,比如说新增了组件,api采用的发生改变,做了很多强化,v-if和v-for的优先级,dom diff算法强化等。

说说代码风格的新体验吧,有点太放飞了。从前固定好统计数据写在data里面,方法写在methods里面,现在说是按逻辑组成代码块,如果代码没有一点儿洁癖的人,维护性是一个灾难。按逻辑分类的效果也没有达到预期,因为总有许多统计数据是横跨在各个分类的。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务