大白话解说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、指令、过滤器等已经不可用

生命周期图示

大白话解说Vue生命周期(Vue核心内容)_第1张图片

你可能感兴趣的:(Vue)