改数据时，触发set，调用dep的notify方法通知所有watcher（订阅者）执行更新。

在vue原理中，最重要的部分就是如何实现数据的观测，依赖的收集，视图的更新。本文讲的就是Observer, Dep, Watcher这三个的简单实现。 Observer的作用简单来说就是让object对象的属性都用Object.defineProperty()来进行定义，这样当…

DOM事件，譬如用户输入文本，点击按钮等。( ng-click ) 在 init 的时候 通过 Object.defineProperty 对数据属性进行了绑定，它使得当被设置的对象被读取的时候会执行 getter 函数，而在当被赋值的时候会执行 setter 函数。 vue.…

Vue CLI 源码探索 [六] 探索下 Vue CLI 的插件机制，内容较多，请慢慢看。涉及如下插件（@vue/cli-plugin-vuex/router/babel/typescript/eslint） Vue ClI 的文档开始就告诉我们全局安装脚手架，执行了 npm …

说明：遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作。 ES6创造了一种新的遍历 for...of 循环，Iterator接口主要供 for...of 消费。 创建一…

我们需要知道数据的获取和改变，数据劫持是最基础的手段。在Obeserver中，我们可以看到代码如下： 通过Object.defineProperty这个方法，我们可以在数据发生改变或者获取的时候，插入一些自定义操作。同理，vue也是在这个方法中做依赖收集和派发更新的。 从初始化…

当我学习vue时，带给我最大的感觉是双向数据绑定太方便了，不用操作DOM，视图会根据数据的改变而改变。所以我感觉学习vue的同学有必要了解一下它的实现原理 已经了解到vue是通过数据劫持的方式来做数据绑定的，其中最核心的方法便是通过Object.defineProperty()…

两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。 同一层级的一组节点，他们可以通过唯一的id进行区分。基于以上这两点假设，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。 当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程…

来自 Vue 官网讲述： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。