Vue3升级内容
全部用ts重写 (响应式, vdom, 模板编译等)
性能提升, 代码量减少
调整部分api
Proxy实现响应式
回顾2.0的defineProperty
- 通过defineProperty实现一个对象的get和set, set上实现深度监听(分别在初始化函数的时候和set的时候. 深度监听就是一个递归), 但是在递归的时候是一次性递归的, 因此会导致层级比较深时, 性能不好. 监听数组的时候重写
- 删除属性, 新增属性的时候, 监听不到
Object.defineProperty的不足
- 深度监听需要一次性递归, 如果data数据层级较深, 会卡顿
- 无法监听新增/删除属性 (需要用Vue.set和Vue.delete )
- 无法原生监听数组, 需要特殊处理
Reflect作用
- 和Proxy能力一一对应
- 规范化, 标准化, 函数式
- 替代掉Object上的工具函数
Proxy实现响应式
- 深度监听, 性能更好
- 可监听 新增/删除 属性
- 监听数组变化
- 无法兼容所有浏览器, 无法polyfill