优秀稳妥的JiaJi

常用的一些内置指令有v-model、v-show、v-if等，除了这些内置指令，Vue也允许注册自定义指令。 举个栗子，当页面在加载出来时，就让搜索框获得焦点，用自定义指令来实现这个功能

插槽就是封装组件的一个占位符，在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。

分析Vue中的优化策略，先对比特殊位置的子节点，分别是：新前与旧前、新后与旧后、新后与旧前、新前与旧后。如果都不相同，在通过循环遍历对比。

patch过程中做了三件事：创建节点、删除节点、更新节点。最后在更新节点中，如果新旧VNode都包含子节点，还需要对子节点递归对比更新子节点。

Vue的视图更新是通过新旧虚拟DOM对比差异，找出需要更新的地方，操作最少真实DOM来实现更新视图。对比 `VNode` 并找出差异的过程被称为 `DOM-Diff` 过程。

栈是一种遵从先进后出原则的有序集合。新添加或待删除的元素都保存在栈的同一端，称作栈顶，另一端就叫栈底。

1. 虚拟 DOM是把真实 DOM抽象成一个 JS对象。 2. 操作真实DOM非常消耗性能，为了减少性能消耗，需要尽可能的减少 DOM 操作，虚拟DOM 使用JS的计算性能来换取操作操作 DOM的性能

1. 分析出Array型数据被获取是也会调用 `getter` ，所以也是通过 `getter` 收集依赖 2. 数组被修改会使用数组方法，所以创建数组方法拦截器，在拦截器中重写数组方法，从而把数组变

Vue最大的特点之一就是数据驱动视图，数据一旦发生改变，页面也随之发生变化。那么Vue是怎么知道数据变化了呢？