vue2与vue3比较(持续更新)

102 阅读1分钟

1、数据双向绑定差异:vue2使用的是Object.defineProperty(),对数组、深层对象不友好;vue3使用的事new Proxy()不会出现vue2出现的弊端

2、vdom性能优化:在更新vdom时,vue2是属性全量对比;vue3加了静态标记,只对有标记的属性进行对比,性能有很大提升。如图 1696930365048.png 3、Fragment(组件允许有多个根节点):vue3底层给我们包装了一个虚拟根节点,但不会渲染出来;而vue2只允许一个根节点 image.png 4、Tree shaking(用到哪些代码,就打包哪些代码,打包时将无用的代码去除掉) vue3由于组合式API的存在,你可以在你的组件里,按需引入API image.png ;vue2只有选项式API,不管你有没有用到某个属性功能,都会被打包。

5、CompositionAPI(组合式API)代码可读性更友好,同一功能的代码不分散,易维护

image.png