vue3的亮点
-
vue3最近更新了很多亮点,其中优化了diff方法:diff算法是虚拟DOM技术的一个必然产物,这个算法会对新旧DOM进行比较,然后将变化的 DOM更新在真实的DOM上。
在原始的vue2中,一旦数据发生变化的时候,就会生成一个新的DOM树,然后会和之前的 DOM 树进行比较,在找到不同的节点然后更新到真实的 DOM 上,在比较的过程中,会对没有发生改变的 DOM 也都会进行比较,这样做就会消耗一定的时间。
而相比于之前的vue2而言在更新后的vue3 中,在刚开始创建虚拟 DOM的时候,会根据 DOM 中的内容添加一个静态标记,在数据发生改变的时候,就会带着静态标记的节点去对比,能够快速找到变化的 DOM 。
而且在更新后的vue3中也移除了一些不常用的API,其中包括:inline-template、filter等一些API,使用tree-shaking。
Tree Shaking是用来摇树优化的,指的就是当我们引入一个模块的时候,不引入这个模块的所有代码,只引入我们需要的代码。
vue3 中用 setup 函数代替了 vue2 中的 beforeCreate 和 created 。
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏