beforeCreate
初始化一个空的 Vue 实例,
datamethods等尚未被初始化,无法调用。
created
Vue 实例初始化完成,
datamethods都已初始化完成,可调用. 但尚未开始渲染模板。
可调用ajax请求
beforeMount
调用
render函数生成 vdom
mounted
渲染 DOM 完成,页面更新。组件创建完成,开始进入运行阶段。
可调用ajax请求(推荐)
beforeUpdate
在数据发生改变后,DOM 被更新之前被调用。
updated
在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。
注意,尽量不要在updated中继续修改数据,否则可能会触发死循环。
beforeUnmount
组件进入销毁阶段。
移除、解绑一些全局事件、自定义事件
unmounted
卸载组件实例后
activated
被
keep-alive缓存的组件激活时调用。
deactivated
被
keep-alive缓存的组件停用时调用。
父子组件生命周期顺序
挂载时
父 created
子 created
子 mounted
父 mounted
更新时
父 before update
子 before update
子 updated
父 updated
卸载时
父 before unmount
子 before unmount
子 unmounted
子 unmounted