热门

最新

红包

立Flag

投票

同城

发布
weixin_47095569
记录小作文
3 年前
trueweixin_47095569

vue3相比较vue2做了哪些性能提升
1 源码体积：vue3整体体积变小，除了移除不常用的API,引入webpack的
tree shaking 任何一个函数，仅仅用到的时候才打包，没有用到的会移除
2 响应式系统
vue2中采用defineProperty来劫持整个对象，然后进行深度遍历所有属性，给每个属性添加getter和setter，实现响应式
vue3采用proxy重写了响应式系统，因为proxy可以对整个对象进行监听，所以不需要深度遍历
可以监听动态属性的添加
可以监听到数组的索引和数组length属性
可以监听删除属性
3 编辑阶段，diff算法优化、静态提升、事件监听缓存
评论
点赞
打赏
  • 复制链接
  • 举报
下一条：
nextTick是什么通俗理解：Vue在更新DOM时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新。一事件循环中的所有数据变化完成之后，会将队列中的事件拿来进行处理，进行DOM的更新。如果想要在修改数据后立刻得到更新后的DOM结构，可以使用Vue.nextTick()，将操作dom的代码放到这个回调函数中。