小旋风我来了

keep-alive是个抽象组件（或称为功能型组件），实际上不会被渲染在DOM树中。它的作用是在内存中缓存组件（不让组件销毁），等到下次再渲染的时候，还会保持其中的所有状态，并且会触发activated钩子函数。一般与或者动态组件配合使用，本篇以动态组件为例: 。 其中_c表示…

在Vue 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法(即v-slot指令)。它取代了 slot和slot-scope。 为例。 this指向app-layout父组件的构造函数。在子组件初始化过程中的initRender会对slot进行如下处理: 接着将…

更新完directive后继续进行diff，最后挂载到页面。

在Vue实例上初始化一些属性并设置默认值。 将事件添加到vm._events = {} 中。 可以通过vm.x访问methods中的x了。data、watch以及props前面均有讲到，接下来详细说下computed的原理。 computed是一个惰性求值的观察者，具有缓存性，…

子组件的构造函数继承了父组件。接着初始化子组件的参数 规格化后的props从其父组件传入的props数据中或者使用new创建的propsData参数中，筛选出需要的数据保存在vm._props中，然后在vm上设置一个代理，通过vm.x访问vm._props.x。 删除之前的老节…

以往经常听到Vue基于虚拟DOM节点渲染，但是具体如何渲染，较少提及，本文从虚拟DOM入手，解析Vue框架中整个渲染过程。

本节先介绍模板编译生成render函数的过程。 模板编译成渲染函数经历了三个阶段: 将模板解析成AST、遍历AST标记静态节点以及静态根节点和使用AST生成render函数。 其中unarySlash表示是否是闭合标签。在经过handleStartTag函数处理后调用start…

因为Vue2.6.*以前侦测数据变化都是通过Object.defineProperty实现，ES6之前都无法提供元编程能力，所以无法侦测对象的增加和删除属性，这个时候需要单独对其进行处理。 这部分介绍了侦测数据的API，computed的实现原理在后面的初始化过程再介绍。

上面创建一个Watcher实例，其中expOrFn是函数(在Watcher构造函数中做了判断处理)，当expOrFn是字符串时，Watcher会观察路径属性keypath(如a.b.c)所指向的的数据并观察这个数据的变化；当数据为函数时，它会观察expOrFn所关联的vue实例…