Vue 生命周期总共分为几个阶段?(含新增errorCaptured)

300 阅读1分钟

Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→ 渲染、 更新→ 渲染、卸载等一系列过程,我们称这个是Vue的生命周期

1. beforeCreate

在实例创建初始化之后,数据观测(data-observe)和 event/watcher 事件配置前被调用

2.created

可以访问 data/methods/computed 等 ; 不能访问真实DOM

3.beforeMount

在挂载开始之前被调用:相关的render 函数首次被调用

4.mounted

页面渲染完成了,可以访问真实DOM

5.beforeUpdate

数据已修改,真实DOM未更新

6.updated

数据和真实DOM更新了

7.beforeDestroy

实例销毁前调用,一般需要清除定时器/全局事件等

8.destroyed

实例销毁后调用,所有事件监听器会被移除

9.activated

keep-alive组件激活时调用

10.deactivated

keep-alive组件停用时调用

11.errorCaptured(2.5.0+新增)

当捕获一个来自子孙组件的错误时被调用。会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源的字符串。可以返回false阻止该错误继续向上传播