对于插槽的编译，我们只需要记住一句话：父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 注意：由于在Vue2.6+版本中，对于插槽相关的内容有所改动：它废弃了旧的用法，新增了v-slot指令。虽然依旧会在Vue2.0版本进行兼容，但在Vu…

v-model指令可以用来在表单元素input、select等或者组件上创建双向数据绑定，既：数据的改变会驱动视图更新、视图的更新反过来又会影响数据的变化。 在directive指令章节，我们提到过v-model和v-show是Vue默认提供的全局指令，我们可以直接拿来使用。 …

在我们编写Vue应用的过程中，一定少不了event事件。Vue中的event事件可以让我们处理click、mouse等原生交互效果，也可以同来处理组件通信。 在event事件处理章节，我们首先先回顾一下event事件的常见用法，然后再结合编译原理来分析事件是如何被解析的、紧接根…

在分析过滤器的实现原理之前，我们需要先回顾一下过滤器的用法，包括：注册方式、使用方式。这样做的目的，是为了方便我们更好地理解过滤器的实现原理，同时也为我们分析过滤器提供了一种思路指引。 同指令一样，过滤器的注册分两种方式：全局注册和局部注册。 全局注册的过滤器，都会在Vue.o…

同组件一样，指令的注册方式有两种：全局注册和局部注册。 全局注册指令可以使用全局API方法：Vue.directive()来注册，注册完成以后所有的指令都在Vue.options['directives']选项中。 在以上代码中，我们全局注册了一个名为focus的指令，其作用是…

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在经过parse模板编译完成后，我们可以得到一个ast树形结构，接下来进行optimize优化第二大步骤。这个过程相比较其它两个步骤，是最简单的。 优化的目的在于，在编译的时候有些节点自首次渲染完毕后，在后续的派发更新过程中不会…

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在之前我们提到过，Vue根据不同的使用场景，提供了不同版本Vue.js打包文件，其中runtime + compiler版本允许我们撰写带template选项的组件，它能够对template进行编译。而runtime + onl…

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在之前的章节中，我们介绍了_render方法及其createElement和createComponent的逻辑，知道_render返回的是一个VNode树形结构。而_update方法的作用就是利用这个VNode树形结构，来生成…

由于掘金文章字数限制，不得不拆分上、下两篇文章。 在之前几个章节中，我们提到过很多次组件的概念，组件在我们日常的开发过程中出现频率是非常高的，它也是Vue的两大核心之一：数据驱动和组件化。 在前面章节我们已经介绍完了数据驱动，在这个章节我们会着重介绍与组件化相关的知识，我们将从…