Vue解析

我们在最开始提到过，Vue从2.0+版本开始就引入了虚拟DOM，也知道Vue中的虚拟DOM借鉴了开源库snabbdom (opens new window)的实现，并根据自身特色添加了许多特性。 Vue在1.0+版本还没有引入虚拟DOM的时候，当某一个状态发生变化时，它在一定程…

在使用Vue.js开发的时候，如果我们要根据数据状态操作正确的DOM，那么我们一定和nextTick()方法打过交道，它是Vue.js中一个比较核心的一个方法，在这一章节中我们来介绍Vue.js中nextTick是如何实现的。 由于nextTick涉及到许多与异步相关联的知识，…

在介绍完props、data、watch以及computed后，我们对响应式原理有了一定的初步认识，在这一章节中我们再次回顾响应式，来探究其实现原理。 在之前的章节中，我们以及介绍过：Vue.js通过Object.defineProperty(obj, key, descrip…

处理computed相关的逻辑，发生在initState中，接下来详细分析与computed相关的逻辑。 知道computed计算属性是依赖于其它响应式变量的，因此分析computed的时候会分为两个步骤：computed初始化和computed更新。 在initState()…

在分析完props相关逻辑后，接下来分析与methods相关的逻辑，这部分相比于props要简单得多。 在initState()方法中，调用了initMethods()并传入了当前实例vm和撰写的methods。接下来，看一下initMethods方法具体的实现： 它首先判断了…

那么深入响应式原理介绍会以initState()方法开始，逐步分析Vue中响应式的原理，下面这张图可以很好的展示响应式的原理。 obj：要定义其属性的对象。 key：要定义或修改属性的名称。 descriptor：要定义或修改属性的描述符。 其中descriptor有很多可选的…