Vue3升级内容

Vue3升级内容
全部用ts重写 (响应式, vdom, 模板编译等)
性能提升, 代码量减少
调整部分api

Proxy实现响应式

回顾2.0的defineProperty

1. 通过defineProperty实现一个对象的get和set, set上实现深度监听(分别在初始化函数的时候和set的时候. 深度监听就是一个递归), 但是在递归的时候是一次性递归的, 因此会导致层级比较深时, 性能不好. 监听数组的时候重写
2. 删除属性, 新增属性的时候, 监听不到

Object.defineProperty的不足

1. 深度监听需要一次性递归, 如果data数据层级较深, 会卡顿
2. 无法监听新增/删除属性 (需要用Vue.set和Vue.delete )
3. 无法原生监听数组, 需要特殊处理

Reflect作用

1. 和Proxy能力一一对应
2. 规范化, 标准化, 函数式
3. 替代掉Object上的工具函数

Proxy实现响应式

1. 深度监听, 性能更好
2. 可监听 新增/删除 属性
3. 监听数组变化
4. 无法兼容所有浏览器, 无法polyfill