汪图南

SASS 是一款强化CSS的辅助工具，它在CSS语法的基础上增加了变量 、嵌套 、混合、导 等高级功能，这些拓展令CSS更加强大与优雅。

TypeScript 工具和版本 版本和工具 typescript: 4.3.2 ts-node: 10.0.0 知识点 联合类型 联合类型表示多种取值中的一种，采用|来进行分隔： 当不确定为哪种联合

对于插槽的编译，我们只需要记住一句话：父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 注意：由于在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…