vue 的生命周期（钩子函数）

vue 的生命周期（钩子函数）

定义：

vue的生命周期其实就是在vue实例从创建到销毁的过程种抛出的回调，也是内部代码的执行的一个信号，在某个阶段抛出一个函数告诉你一个实例的当前状态，以及可以在这个状态阶段和实例进行一些交互

---

vue的生命周期大概分为三个阶段

一、实例期

beforeCreate

在整个生命周期中指挥执行一次。当这个钩子激活额时候，代表组件或者实例内部的一些属性或者方法已经初始化完成

created

在整个生命周期中指挥执行一次。当这个钩子执行的时候说明实例已经将一些策略执行完成，比如选项合并策略，就是实例已经有了自定的一些属性和方法，一般在这个生命周期里做一些副作用的请求

beforeMount

初次渲染或者驱动视图更新的时候也执行。当这个钩子执行的时候内部进行了VDOM的构建，还没有正式挂载在浏览器中

mounted

初次渲染或者驱动视图更新的时候也执行。当这个钩子函数执行的时候，证明已经将VDOM转换成了真实的dom并且挂载在浏览器中。在这个生命周期中主要是用来操作dom，或者时需要真实dom的一些业务逻辑

beforeDestroy

只会执行一次。组件在销毁之前，组件准备删除内部的一些属性，以及事件，状态等

destroyed

指挥执行一次。组件销毁完毕

如果使用了keep-alive

activated

被keep-alive缓存的组件激活时调用

deactivated

被keep-alive 缓存的组件停用时调用

生命周期图示