生命周期

2022/7/25 VUE

# 什么是生命周期

生命周期自明其意,每一个vue文件都类似有生命一般,从他创建、渲染、更新、卸载这一系列操作vue文件他都能感受的到。vue在特定的阶段处理某些操作

# 生命周期大全

# beforeCreate

实例初始化之后,数据监听、事件、监听器配置之前

# created

实例创建完成后,可进行少量数据处理,此时dom挂载并没有完成

# beforeMount

dom挂载开始之前

# mounted

此时实例,dom节点都挂载完成,可进行大量数据操作

# beforeUpdate

在数据发生改变后,DOM被更新之前

# updated

在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。

# activated

被keep-alive 缓存的组件激活时调用。进入组件时

# deactivated

被 keep-alive 缓存的组件失活时调用。

# beforeUnmount

在卸载组件实例之前调用。在这个阶段,实例仍然是完全正常的。

# unmounted

卸载组件实例后调用,所有实例指令全部失效

# 曦杨常用的生命周期

这三个生命周期是我目前在开发中高频使用的,其他相比较比较少

  • created
  • mounted
  • activated
Last Updated: 2022/9/26 16:30:33