- 主要分为四个阶段,在一个就是开启了组件缓存的时候,会有组件启用和组件停用阶段,每个阶段都有前后俩个钩子除了缓存的那俩
数据初始化
- beforeCreate:实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前。
- created:实例已完成 数据观测 (data observer) ,计算属性 (computed) 和方法 (methods) 的运算,event/watcher 事件回调 的配置,挂载阶段还没开始,$el属性目前不可见。
dom挂载
- beforeMount:挂载开始之前被调用,相关的 render 函数首次被调用
- mounted:$el
数据更新
- beforeUpdate:虚拟 DOM 重新渲染之前
- updated:DOM 已经更新
缓存
- activated:keep-alive 组件激活时调用
- deactivated:keep-alive 组件停用时调用
组件卸载
- beforeDestroy:实例销毁之前,实例仍完全可用
- destroyed:Vue 实例销毁后调用,Vue 实例指示的所有东西都会解绑定,所有事件监听会被移除,所有子实例也会被销毁