vue 的生命周期(钩子函数)
定义:
vue的生命周期其实就是在vue实例从创建到销毁的过程种抛出的回调,也是内部代码的执行的一个信号,在某个阶段抛出一个函数告诉你一个实例的当前状态,以及可以在这个状态阶段和实例进行一些交互
vue的生命周期大概分为三个阶段
一、实例期
beforeCreate
在整个生命周期中指挥执行一次。当这个钩子**额时候,代表组件或者实例内部的一些属性或者方法已经初始化完成
created
在整个生命周期中指挥执行一次。当这个钩子执行的时候说明实例已经将一些策略执行完成,比如选项合并策略,就是实例已经有了自定的一些属性和方法,一般在这个生命周期里做一些副作用的请求
beforeMount
初次渲染或者驱动视图更新的时候也执行。当这个钩子执行的时候内部进行了VDOM的构建,还没有正式挂载在浏览器中
mounted
初次渲染或者驱动视图更新的时候也执行。当这个钩子函数执行的时候,证明已经将VDOM转换成了真实的dom并且挂载在浏览器中。在这个生命周期中主要是用来操作dom,或者时需要真实dom的一些业务逻辑
beforeDestroy
只会执行一次。组件在销毁之前,组件准备删除内部的一些属性,以及事件,状态等
destroyed
指挥执行一次。组件销毁完毕
如果使用了keep-alive
activated
被keep-alive缓存的组件**时调用
deactivated
被keep-alive 缓存的组件停用时调用