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实例完全销毁,实例中的任何内容都不能被使用