vue.js 响应式回顾

  1. Proxy 对象实现属性监听；
  2. 多层属性嵌套，在访问属性过程中处理下一级属性；
  3. 默认监听动态添加的属性；
  4. 默认监听属性的删除操作；
  5. 默认监听数组索引和 length 属性；
  6. 可以作为单独的模块使用；

核心方法

  1. /ref/toRefs/；

  2. reactive 创建响应式对象；

  3. effect 副作用，调用自身收集依赖，数据变更后重新调用该函数；

  4. track 依赖收集；

  5. trigger 触发依赖中对应的 effect ；

  6. computed 计算属性，对应属性值变更调用其 effect ；

前置基础知识

  1. 代理与反射：

    • Proxy；
    • Reflect；

  2. JavaScript 标准内置对象：

    • WeakMap；
    • Map；
    • Set；

图解 3.0 响应式原理

附件代码下载

打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

中午好👏🏻，我是 ✍🏻   疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多

目录

  1. 1. vue.js 响应式回顾
  2. 2. 核心方法
  3. 3. 前置基础知识
  4. 4. 图解 3.0 响应式原理
  5. 5. 附件代码下载