Vue

本文根据vue-router源码的思路手写了一个“山寨版”的vue-router，采用hash模式去编写代码，主要实现了一些核心特性，想深入学习前端路由的同学可以参考一下。

手写vue2.0前的环境配置，使用rollup搭建js库，核心包：babel/core、@babel/preset-env、rollup-plugin-babel

响应式数据原理，核心是使用Object.defineProperty()方法对data中的对象进行监听，当监听目标发生改变时则做出响应；而对于数组则是通过重写了其原生方法实现数据劫持。

模版编译，挂载html模版，对html进行解析生成ast语法树，使用js对象去描述一棵树，然后再利用语法树生成对应代码。

vue初始渲染，是怎样利用render函数生成虚拟dom，最后再使用虚拟dom生成真实dom，注意只是初始渲染，还没有动态渲染。

vue关于对象的依赖收集，简单描述了watcher和dep原理，怎么利用watcher和dep实现对象依赖收集。

批处理更新页面，多次修改属性时，将多次更新操作合并为一次，只执行一次页面更新，提高性能，同时可利用$nextTick执行更新后的操作。

实现vue经典静态方法mixin，包含生命周期钩子函数的合并策略和组件的合并策略，Vue是怎么去实现component函数和extend函数的。

介绍vue是怎么渲染一个组件的，是怎么将组件和vue实例渲染区分开来，Vue.component()和Vue.extend()的作用。

当数据发生变化时，vue是如何更新页面的，是重新渲染一次页面，还是只需局部更新区域，显然，前者的性能花销太大了，后者更符合我们的需求。那么问题来了，vue是怎么精确做到局部页面更新的呢？

watch能监听挂载在模版上的属性（data里面的数据都能），包括监听计算属性，当监听属性发生变化时就会触发他的回调函数，本文介绍watch的实现方式，重点在$watch。