对 Vue 生命周期的理解
|
生命周期 |
描述 |
|
beforeCreate |
Vue 实例刚刚被创建，只拥有默认的一些生命周期函数和事件 |
|
created |
已完成 data 和 methods 中的数据初始化 |
|
beforeMount |
Vue 模板代码已经在内存中编译完成，但还尚未渲染到页面上去 |
|
mounted |
页面渲染完成，这个阶段及后边阶段可以操作 DOM |
|
beforeUpdate |
数据发生变化，但新数据还没渲染到页面上，页面上的数据仍为旧数据 |
|
update |
新数据已成功渲染到页面 |
|
beforeDestory |
组件销毁之前，data 以及 methods 等还可以继续使用 |
|
destoryed |
组件已经销毁，data 以及 methods 等已不可继续使用 |
|
activited |
keep-alive 专属，组件被**时调用 |
|
deadctivated |
keep-alive 专属，组件被销毁时调用 |