vue2.0 响应式的基本思路 (订阅/观察者 模式)

阅读量

第一步：将data下面的属性变为observable,使用Object.defineProperty对数据对象做属性get和set的监听,当有数据读取和赋值操作时则调用节点的指令，这样使用最通用的=等号赋值就可以触发了。//数据劫持，监控数据变化
第二步：实现一个消息订阅器,我们维护一个数组，这个数组，就放订阅者，一旦触发notify，订阅者就调用自己的update方法
第三步：实现一个 Watcher,就是执行数据变化时我们要执行的操作 (依赖收集追踪原理)
第四步：touch拿到依赖,视图的更新需要哪些数据的支持，并把它记录为数据的订阅者
最后: 我们来看用一个代理实现将我们对data的数据访问绑定在vue对象上

赏

1分也是爱

微信

扫一扫，分享到微信

微信分享二维码
本站访客数人次

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

talk is cheap <br><br>show me the code ！<br><br>沉淀技术<br><br>不断突破<br><br>实现人生自由！！！