Vue生命周期: 每个vue示例在被创建前都要经过一系列初始化过程;这个过程就是vue的生命周期;用人话来说就是Vue示例从开始创建-数据初始化-编译模板-挂载dom-渲染-更新渲染,卸载等一系列过程,我们称之为生命周期,各个阶段有相应的事件钩子
Vue生命周期八个阶段(事件钩子)
beforeCreate(创建前)
created(创建后)
beforeMount(载入前/挂在前)
mounted(载入后/挂载后)
beforeUpdate(更新前)
updated(更新后)
deforeDestroy(销毁前/卸载前)
destroyed(销毁后/卸载后)
写一下正常的vue实例的生命周期
beforeCreate: {
生命周期钩子:创建前
},
created: {
生命周期钩子:创建后
},
beforeMount: {
生命周期钩子:挂载前
},
mounted: {
生命周期钩子:挂载后
},
beforeUpdate: {
生命周期钩子:更新状态前
},
updated: {
生命周期钩子:更新状态后,数据已经更改完毕,dom也重新render完成
},
beforeDestroy: {
生命周期钩子:销毁前执行,一般在这里善后:清除计时器、清除非指令绑定事件等等
},
destroyed: {
生命周期钩子:销毁后,(dom元素存在,只是不再受vue控制),卸载watcher,事件监听,子组件
}