vue2 父子组件的生命周期顺序
加载渲染过程
同步加载
父组件 beforeCreate, created, beforMount
子组件 beforeCreate, created, beforMount
孙子组件 beforeCreate, created, beforMount
孙子组件 mounted
子组件 mounted
父组件 mounted
异步加载
父组件 beforeCreate, created, beforMount, mounted
子组件 beforeCreate, created, beforMount, mounted
更新过程
父组件 beforeUpdate
子组件 beforeUpdate
子组件 updated
父组件 updated
销毁过程
父组件 beforeDestroy
子组件 beforeDestroy
子组件 destroyed
父组件 destroyed
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Lee Blog！
相关推荐
2023-05-15
vue 原理
从 Object.defineProperty 到 Proxy一切的一切还得从 Object.defineProperty 开始讲起，那是一个不一样的 API … （bgm 响起，自行体会） Object.definePropertyObject.defineProperty(obj, prop, descriptor) 方法会直接在一个对象上定义一个 新属性，或修改一个 对象 的 现有属性，并返回此对象，其参数具体为： obj：要定义属性的对象 prop：要定义或修改的 属性名称 或 Symbol descriptor：要定义或修改的 属性描述符 从以上的描述就可以看出一些限制，比如： 目标是 对象属性，不是 整个对象 一次只能 定义或修改一个属性 当然有对应的一次处理多个属性的方法 Object.defineProperties()，但在 vue 中并不适用，因为 vue 不能提前知道用户传入的对象都有什么属性，因此还是得经过类似 Object.keys() + for 循环的方式获取所有的 key -> value，而这其实是没有必要使用...
2020-07-04
vue常见API原理分析
数据绑定 oberserverObject.defineProperty() depdep.notify() watcheruser-watcher render-watcher computed-watcher nextTick nextTick 会在DOM更新完毕之后执行一个回调，确保我们操作的是更新之后的DOM vue用异步队列的方式来控制DOM更新和nextTick回调先后执行microtask因为其高优先级特性，能确保队列中的微任务在一次事件循环前被执行完毕因为兼容性问题，vue不得不做了microtask向macrotask的降级方案 (Promise，MutationObserver，setTimeout) MutationObserver 用于监听DOM修改事件，能够监听到节点的属性，文本内容，子节点等的改动 Event Loop MutationObserver 每次监听到变更的时候会往 microtask 添加一个事件 降级方案 Promise => MutationObserver =>...
