/vue3-reactivity

vue3 响应式原理

Primary LanguageTypeScript

Vue3 响应式系统原理

  • 使用 Proxy 对象实现响应监听
  • 多层属性嵌套时,只有在访问到属性时才会对下一级属性进行响应式处理
  • 默认监听动态添加的属性
  • 默认监听属性的删除操作
  • 默认监听数组的索引和 length 属性

reactive 和 ref 的区别

  • ref 可以把基本数据类型的数据转换为响应式对象
  • ref 返回的对象,重新赋值成对象也是响应式的
  • reactive 返回的对象不可以解构