生命週期 Life cycle

框架 Framework: Vue.js 生命週期 Life cycle

生命週期图例

Life cycle 生命週期

名称	简述	说明
beforeCreate	建立元件之前	未创建实例，任何 Vue 实体中的设定(例如: data )都还未设定
created	建立元件后	完成创建实例，除了 `$el` 外已全部配置
beforeMount	载入元件之前	Vue 实体中的定义被挂载到目标元素之前叫用，这时的 `$el` 会是还未被 Vue 实体中的定义渲染的初始设定模板。
mounted	载入元件之后	Vue 实体上的设置已经安装上模板，这时的 `$el` 是已经藉由实体中的定义渲染而成的真正的页面。
beforeUpdate	更新元件之前	当实体中的 data 产生变化后呼叫，页面还未被重渲染为改变后的画面。
updated	更新元件之后	重新渲染页面后叫用，这时的页面已经被重渲染成改变后的画面
beforeUnmount	卸载元件之前	在此实体被销毁前时叫用，这时实体还是拥有完整的功能。
unmounted	卸载元件之后	此实体被销毁后叫用，这时实体中的任何定义都已被解除绑定，代表在此做的任何操作都会失效。