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



所有评论(0)