对 Vue 生命周期的理解

生命周期

描述

beforeCreate

Vue 实例刚刚被创建，只拥有默认的一些生命周期函数和事件

created

已完成 data 和 methods 中的数据初始化

beforeMount

Vue 模板代码已经在内存中编译完成，但还尚未渲染到页面上去

mounted

页面渲染完成，这个阶段及后边阶段可以操作 DOM

beforeUpdate

数据发生变化，但新数据还没渲染到页面上，页面上的数据仍为旧数据

update

新数据已成功渲染到页面

beforeDestory

组件销毁之前，data 以及 methods 等还可以继续使用

destoryed

组件已经销毁，data 以及 methods 等已不可继续使用

activited

keep-alive 专属，组件被**时调用

deadctivated

keep-alive 专属，组件被销毁时调用