vue生命周期

vue生命周期官方图解

生命周期

简单理解：从生到死，vue实例从创建到运行到销毁的过程

复杂解释：vue实例从创建、初始化数据、编译模板、挂载DOM、渲染到更新到渲染、销毁等一系列过程

生命周期方法

vue实例从生到死伴随各种各样的事件，这些事件所触发的方法称为生命周期方法

创建期间生命周期方法

beforeCreate
//执行时,表vue实例刚出生,还没有任何内容,data/methods未初始化

created
//执行时,表vue实例已经初始化好了部分内容,data/methods

beforeMount
//执行时,表已经根据数据编译好了模板,但还未渲染到界面上

mounted
//执行时,表已经根据数据编译好了模板,已将模板有渲染到界面上,此时可对界面进行其他操作

运行期间生命周期方法

beforeUpdate
//主要data中数据发生变化就会执行
//执行时,表data的数据已为最新,但页面上数据未更新

updated
//主要data中数据发生变化就会执行
//执行时,表data的数据已为最新,且界面上数据已更新

销毁期间生命周期方法

beforeDestroy
//执行时,表vue实例即将销毁,但还未销毁,实例中的数据等害都可以使用
//最后能使用vue实例的地址

destroyed
//执行时,表vue实例完全销毁,实例中的任何内容都不能被使用