今天我们就来看看 vue3 相比 vue2 的优点有些啥?
为啥有些人说:自从写了 ts vue3 再也回不到 vue2 啦!
vue3 到底哪里好?有的人回不到 vue2,而有的人去不了vue3!喜欢的点赞收藏,复盘不迷路!
一、Vue3 新增的几个亮点:
-
Performance:性能优化
-
Tree-shaking :支持摇树优化
-
Composition API :组合式api
-
新增组件:Fragment、Teleport、Supense
-
更好地支持 ts
-
Custom Render API:自定义渲染器
二、性能方面的提升
在性能方面,vue3 相比 vue2 ,性能提升了 1.3 ~ 2 倍左右。我们就来看看它是在哪些方面,如何提升的?
2.1、响应式性能提升
1> diff方法优化
diff 算法是虚拟 DOM 技术的必然产物,它会对新旧 DOM 进行比较,然后将变化的 DOM 更新在真实的 DOM 上。
在 vue2 中,数据发生变化的时候,会生成一个新的 DOM 树,然后和之前的 DOM 树进行比较,找到不同的节点然后更新到真实的 DOM 上,比较的过程中,会对没有发生改变的 DOM 也都会进行比较,就会消耗一定的时间。
在 vue3 中,在创建虚拟 DOM 的时候,会根据 DOM 中的内容添加一个静