生命周期
什么是生命周期?
从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!
beforeCreate: 初始化之前,data和methods的数据还没有初始化 ⻚面重定向
created:初始化之后,data和methods的数据已经初始化,第一个操作data和methods数据的生命周期 接口请求 数据初始化
beforeMount:虚拟的DOM挂载
mounted:真实的DOM挂载,第一个可以操作DOM元素的生命周期
beforeUpdate:更新之前,⻚面中的数据是旧的,data里面的数据是最新的。 还没有保持一致
updated:⻚面中的数据和data里面的数据是最新的。执行0次或者更多次
beforeDestroy:销毁之前 清空定时器和⻚面监听
destroyed:销毁之后
父子组件生命周期
加载渲染:
父beforeCreate —> 父created —> 父beforeMount —> 子beforeCreate —> 子created —> 子beforeMount —> 子mounted —> 父mounted
更新数据
父beforeUpdate —> 子beforeUpdate —> 子updated —> 父updated
销毁:
父beforeDestroy —> 子beforeDestroy —> 子destroyed —> 父destroyed