大白话解说Vue生命周期(Vue核心内容)

生命周期分类

创建期间生命周期函数

1. beforeCreate函数：该生命周期函数执行的时候，data和methods数据都还没有初始化，无法访问
2. created函数：data、methods已经初始化好了，需要操作这些属性和方法，最早需要该函数操作
3. beforeMount函数：模板已经在内存中渲染好了，但是还未到页面，页面的数据还是模板，未被数据替换
4. mounted函数：这个是创建期间最后一个函数，用户已经可以看到渲染好的页面了，实例已经完全创建好了，需要操作DOM，最早需要在该函数操作

运行期间生命周期函数

1. beforeUpdate函数：此时data中数据是最新的，但是页面上的数据还是更新前的
2. updated：页面和data的数据已经同步，都是最新的数据

销毁期间的生命周期函数

1. beforeDestroy函数：此时开始进入销毁过程，但是data、methods、指令、过滤器等还可用，还没有真正进入销毁
2. destroyed函数：此时已经实例已经完全被销毁，data、methods、指令、过滤器等已经不可用

生命周期图示