vue响应式

45 阅读1分钟

vue2.x中实现响应式: Object.defineProerty

Object.defineProerty的缺点: 1)一次性深度递归遍历 2)无法监听新增属性,删除属性 Vue.set Vue.delete 3)无法原生原生监听数组,需要特殊处理。

Vue3的响应式: 1)学习Proxy语法 2)Reflect语法 3)Vue3如何使用proxy+relfect实现响应式

语法: 1)Reflect语法 A)和Proxy能力是一一对应的。 B)替代了Object上的工具函数 C)规范化,标准化

2)proxy

proxy实现响应式: 1)只有用于这个数据时,才会处理成响应式 2)可监听新增和删除属性,还有其它操作 3)可监听数组变化 4)proxy能规避Object.defineProperty的问题 5)Proxy无当兼容所有的浏览器,兼容性没有Object.defineProperty好。无法polyfill