vue3 到底哪里好？看这一篇就够了(1)，【大牛系列教学

今天我们就来看看 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 中的内容添加一个静