派发更新

最新推荐文章于 2024-07-19 10:30:06 发布

Sima thief

最新推荐文章于 2024-07-19 10:30:06 发布

阅读量140

点赞数

分类专栏： vue2.x 源码理解文章标签： vue.js

本文链接：https://blog.csdn.net/buyiny123/article/details/107776541

版权

vue2.x 源码理解专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在派发更新更新中

通过 setter 触发

set: function reactiveSetter (newVal) {
      debugger
      var value = getter ? getter.call(obj) : val;
      /* eslint-disable no-self-compare */
      if (newVal === value || (newVal !== newVal && value !== value)) {
        return
      }
      /* eslint-enable no-self-compare */
      if (process.env.NODE_ENV !== 'production' && customSetter) {
        customSetter();
      }
      // #7981: for accessor properties without setter
      if (getter && !setter) { return }
      if (setter) {
        setter.call(obj, newVal);
      } else {
        val = newVal;
      }
      childOb = !shallow && observe(newVal);
      dep.notify();
    }

调用 dep.notify()

Dep.prototype.notify = function notify () {
  // stabilize the subscriber list first
  var subs = this.subs.slice();
  if (process.env.NODE_ENV !== 'production' && !config.async) {
    // subs aren't sorted in scheduler if not running async
    // we need to sort them now to make sure they fire in correct
    // order
    subs.sort(function (a, b) { return a.id - b.id; });
  }
  for (var i = 0, l = subs.length; i < l; i++) {
    subs[i].update();
  }
};