Vue中响应式数据绑定的实现原理解析

Vue.prototype.__ob__ = Observer对象实例
Observer.prototype.walk = 遍历属性并进行响应式转换
Observer.prototype.convert = 转换属性为getter/setter形式
Dep.prototype.depend = 收集依赖
Dep.prototype.notify = 触发依赖更新
Watcher.prototype.get = 读取并收集依赖
Watcher.prototype.addDep = 添加依赖到Dep管理器
Watcher.prototype.update = 更新并触发视图更新

Vue生命周期钩子函数详解

Vue.prototype._init = 初始化函数
Vue.prototype.$mount = 编译模板，并挂载到DOM上
Vue.prototype._render = 渲染虚拟DOM
Vue.prototype._update = 更新实际DOM
Vue.prototype._destroy = 销毁Vue实例
beforeCreate = 实例创建前的钩子函数
created = 实例创建完成后的钩子函数
beforeMount = 挂载前的钩子函数
mounted = 挂载后的钩子函数
beforeUpdate = 数据更新前的钩子函数
updated = 数据更新后的钩子函数
beforeDestroy = 销毁前的钩子函数
destroyed = 销毁后的钩子函数
activated = 组件激活时的钩子函数
deactivated = 组件停用时的钩子函数

Vue组件通信方式比较

props / $emit = 父子组件通信
$parent / $children = 父子组件访问
$refs = 使用引用访问子组件/元素
事件总线（$bus）= 非父子组件通信
provide / inject = 祖先组件向后代组件注入
Vuex = 状态管理，组件间共享状态

Vue异步更新队列机制解析

nextTick = 实现DOM更新后的回调
Vue.nextTick = 全局的nextTick方法
Watcher.prototype.run = 异步更新视图
updateComponent = 更新组件
flushSchedulerQueue = 执行异步更新队列

Vue路由实现原理剖析

VueRouter.prototype.init = 路由初始化
VueRouter.prototype.initGuard = 初始化导航守卫
VueRouter.prototype.transitionTo = 跳转到指定路由
VueRouter.prototype.updateRoute = 更新当前路由
VueRouter.prototype.initListeners = 初始化事件监听
VueRouter.prototype.history.listen = 监听路由变化
VueRouter.prototype.history.transitionTo = 跳转并更新路由