vue原理及源码解析

keep-live的使用原理 keep-live组件是vue的一个内置组件，可以实现组件的缓存，当组件切换时，不会对当前组件进行卸载。 常用的两个属性include/exclude,允许组件进行有条件

nextTick中的回调，是在下次DOM更新循环之后执行的回调。在修改数据之后立即使用这个方法，获取更新后的DOM。 实现的主要思路就是：采用微任务优先的方式调用异步方法去执行nextTick中的方法

vue-router 实现 -- install Vue 通过 use 方法，加载VueRouter中的 install 方法。install 完成 Vue 实例对 VueRouter 的挂载过程。

抽象语法树是什么？ 抽象语法树本质上是一个js对象 抽象语法树与虚拟节点的关系，抽象语法树与虚拟节点的关系；抽象语法树是什么？ 抽象语法树本质上是一个js对象 抽象语法树与虚拟节点的关系，抽象语法树与

对象的响应式原理 利用闭包来实现defineReactive函数的封装，避免需要提前定义变量才可以实现set函数： 对象的一个循环递归图： 类 Observer作用：将一个正常的object转换为每个

key很重要，key是这个节点的唯一标识，告诉diff算法，在更改前后它们是同一节点； 只有是同一虚拟节点，才会进行精细化比较，否则就会暴力拆除旧的，插入新的。 那么问题来了，什么才叫同一虚拟节点，答

原理介绍 mustache 的渲染步骤分为了两步： 对于如下模板，渲染步骤： 将tokens数组组转换为相应的 html，(结合data) 转变的 html 结果如下: 代码实现