Day6 Vue实体的生命周期

这是在Vue官网提供的式意图:

红框白底的是各个钩子函式的名称，这些钩子代表 Vue 实体的每个阶段，分别的介绍如下:

beforeCreate : 实例初始化立即叫用，这时还未创建实例，所以任何 Vue 实体中的设定(例如: data )都还未配置。

created : 完成创建实例，这时 Vue 实体中的配置除了 $el 外已全部配置，而 $el 要在挂载模板後才会配置。

beforeMount : 在 Vue 实体中的定义被挂载到目标元素之前叫用，这时的 $el 会是还未被 Vue 实体中的定义渲染的初始设定模板。

mounted : Vue 实体上的设置已经安装上模板，这时的 $el 是已经藉由实体中的定义渲染而成的真正的页面。

beforeUpdate : 当实体中的 data 产生变化後或是执行 vm.$forceUpdate() (opens new window)叫用，这时的页面还未被重渲染为改变後的画面。

updated : 在重新渲染页面後叫用，这时的页面已经被重渲染成改变後的画面。

beforeDestroy : 在此实体被销毁前时叫用，这时实体还是拥有完整的功能。

destroyed : 此实体被销毁後叫用，这时实体中的任何定义( data 、 methods...等)都已被解除绑定，代表在此做的任何操作都会失效。

今天就先到这了，明天见~