vue2.0与vue3.0响应式的区别

Vue2.X响应式:

  • 需要遍历对象的每一个属性,调用defineProperty,把属性转换成getter/setter,性能不如Vue3.X
  • 无法监听删除操作,例如 delete data.name,只能通过Vue.delete这种额外的方法操作
  • 无法直接给对象动态增加响应式成员,需要调用Vue.set()
  • 数组的响应式需要特殊处理
  • Vue2.X在程序启动的时候首先需要遍历所有的属性,设置gettersetter,属性嵌套层级比较多的话,消耗性能

Vue3.X响应式:

  • 性能比Vue2.X提升,使用了Proxy 不需要遍历对象的所有属性(性能提升,Proxy)
  • 数组天生支持,可以监听数组的length和索引
  • 可以监听属性的删除操作
  • 因为使用Proxy可以监听到动态成员
  • Vue3.X是懒处理,程序启动的时候只是创建了一个代理对象,当访问某个属性的时候才会为这个属性收集依赖

你可能感兴趣的:(vue,面试,vue.js)