概念
生命周期是一个组件从创建到销毁的过程。
vue 生命周期有四个阶段
创建->挂载->更新->销毁
beforeCreate
创建前:
实例以初始化,data和$el还没有。
created
创建后:
data 初始化完成,但 $el 还没有。
beforeMount
挂载前:
$el 已生成,但dom 还没有挂载,不能获取dom
mounted
挂载后:
dom 以挂载,可以正常获取dom,我们一般在这里发送ajax请求。
beforeUpdate
更新前:
可以访问现有的 DOM,比如手动移除已添加的事件监听器。
updated
更新后:
可以执行依赖于 DOM 的操作。然而在大多数情况下,你应该避免在此期间更改状态。如果要相应状态改变,通常最好使用计算属性或 watcher 取而代之。
beforeDestroy
销毁前:
实例仍然可以用,Vue 实例的所有指令还没有被解绑,所有的事件监听器还可以用。。
destroyed
销毁后:
对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。
errorCaptured
当捕获一个来自子孙组件的错误时被调用。
在使用keep-alive缓存组件时,被缓存的组件会添加两个构子函数
activated
被 keep-alive 缓存的组件激活时调用。
deactivated
被 keep-alive 缓存的组件停用时调用。
这时该组件的生命周期执行顺序:
创建->挂载->更新->组件激活->销毁