vue源码

vue组件树的渲染，是一个深度遍历的过程，从根节点开始寻找可创建真实节点的叶子节点，叶子节点完成真实节点的渲染后，再将其el交给父组件。依次类推，最终会将el交给根组件。

关于vue中created和watch的执行顺序相对比较简单，而其中computed是通过Object.defineProperty为当前vm进行定义，再到后续创建vNode阶段才去触发执行。

vue中支持组件化，并且也有用于缓存的内置组件keep-alive可直接使用，使用场景为路由组件和动态组件。

数组结构可以很好的描述嵌套关系，filters的管道模式就是利用其特性，通过|进行分割，前一个执行结果是后一个的第一个参数，并利用其他参数进行过滤灵活性的扩展。

从编译，vNode的获取，再到patch过程，再通过invokeCreateHooks和invokeInsertHook完成了对v-focus的处理。

组件中v-model通过prop和回调函数的方式进行实现。组件的渲染都大底会经历通过编译进行render函数的获取、虚拟DOM的获取和视图渲染过程这三个主要流程。

Vuex是Vue中数据集中化管理的方案，其中通过state、getter、mutation、action和module五个核心属性进行管理，并且module也让数据管理变得模块化。

vue路由是单页面中视图切换的方案，路由点击的过程会分两步：url的替换和真实组件的替换，替换过程会存放在浏览器记录中。

节点或者组件的渲染都大底会经历通过编译进行render函数的获取、虚拟DOM的获取和视图渲染过程这三个主要流程。

生命周期的目的是在实例化Vue的过程中，函数的不同阶段可以调用不同的钩子函数，根据不同阶段的不同特点进行业务逻辑的处理。

开发时无需担心什么时候该将data写为函数还是对象，因为vue内部已经做了处理，并在控制台输出错误信息。

v-if和v-show的使用需要根据场景，一般来说，v-if 有更高的切换开销，而 `v-show` 有更高的初始渲染开销但切换开销较小。

v-if和v-for同时出现的场景可以拆分为，数据在渲染之前借助生命周期进行处理，也可通过计算属性的方式进行处理。

静态节点和静态根的静态属性的添加都是一个递归的过程，并且静态节点的属性依赖于其子节点是否全部是静态节点。

整个过程是递归的过程，递归的过程中以children为桥梁，不断的进行code的构建，ast树变成了可通过new Function()进行执行的字符串。

vue模板编译的真实入口是baseCompile，但是从compileToFunctions方法开始进行了大量函数的嵌套，主要目的是通过闭包的方式进行缓存处理和平台参数与用户参数的合并。

侦听器是当数据发生变化时可以让用户执行自定义行为，并且支持通过对象的方式传入多个handler，也可以通过传入deep和immediate来支持深度遍历和立刻执行的需求。

计算属性也是Watcher类的实例，在访问所依赖的数据时被收集，在依赖的数据发生变化时依然触发dep.notify.

diff算法从两端进行比对，找不到再从中间寻找，是一种 “滑动窗口” 算法的使用，以达到通过节点移动来实现原地复用的目的。

理论上当vue中的数据发生变化时视图会进行渲染，但是，有些情况下数组变化和对象变化的时候，视图没有进行变化，这个时候就需要vue提供的方法进行处理。