vue 的生命周期(钩子函数)

定义:

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


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

一、实例期

beforeCreate

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

created

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

beforeMount

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

mounted

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

beforeDestroy

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

destroyed

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

如果使用了keep-alive

activated

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

deactivated

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

生命周期图示

vue 的生命周期(钩子函数)

相关文章: