vue的生命周期:
随着对 vue 的不断了解,会越来越发现它生命周期的重要性,只有了解了它的生命周期,才能在开发项目的时候在逻辑上的很好的判断什么时候该发生什么事件,即很好的控制页面。
首先,生命周期是个啥?
借用官网的一句话就是:每一个vue实例从创建到销毁的过程,就是这个vue实例的生命周期。在这个过程中,他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。那么这些过程中,具体vue做了些啥,我们今天来了解一下。
生命周期一共分为8大周期:
1. beforeCreate:vue实例化对象创建之前,最先执行的生命周期函数
2. created :vue实例化对象创建之后
3. beforeMount是在el挂载前
4. mounted是在el挂载后
5. beforeUpdate是data更新数据前 : data 数据尚未和最新的数据保持同步
6. Updated是data更新数据后 :页面和 data 数据已经保持同步了
7. beforeDestroy 组件销毁前
8. destroyed 组件销毁后
1.beforeCreate最先执行的生命周期函数
vue实例化对象创建之前
2.created :vue实例化对象创建之后
3.beforeMount是在el挂载前
4.mounted是在el挂载后
5.beforeUpdate是data更新数据前 data 数据尚未和最新的数据保持同步。
6.Updated是data更新数据后 页面和 data 数据已经保持同步了
7.beforeDestroy 组件销毁前
8.destroyed 组件销毁后
ps:vue提供了一个手动销毁组件的方法:this.$destroy()