weixin_44031334的博客

1.自定义指令的执行时期 我们先了解一下vnode进行patch生成真实dom的生命周期：（图中说到的“修补”即patch） vdom生成真实dom的生命周期当中，create、update、destroy这三个生命周期，会去执行自定义指令： export default { create: updateDirectives, update: updateDirectives, destroy: (vnode) { updateDirectives(vnode, emptyVnod

vue响应式用了观察者的设计模式，响应式data的数据被修改，观察者会进行视图更新或者执行回调 1.用Observer类将对象变成响应式 遍历对象的每个属性： 给对象的每个属性创建Dep依赖收集器 Object.defineProperty给对象的每个属性定义set、get方法： get：使用Dep来收集观察者 set：Dep派发通知给收集到的观察者 如果对象的属性也是一个对象，进行递归，重复以上操作 class Observer { construct...

watch源码简化版 Watch实现原理 let vm = new Vue({ el: '#app', data(){ return {name:'zf'} }, watch:{ name(newValue,oldValue){ console.log(newValue,oldValue); } } } new Vue 发生了什么： if (opts.watch) { initWatch(vm,opts.wat