每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些 生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会。
beforeCreate（新对象诞生）
Vue对象用新方法实例化。它创建一个Vue类的对象来处理DOM元素。对象的这个生命阶段可以通过beforeCreated 挂钩来访问 。我们可以在这个钩子中插入我们的代码，在对象初始化之前执行。
created （对象创建）
在这个生命阶段，对象及其事件完全初始化。
在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图
beforeMounted（对象在DOM中挂载之前）
在这个阶段，它检查是否有任何模板可用于要在DOM中呈现的对象。如果没有找到模板，那么它将所定义元素的外部HTML视为模板
mounted（对象在DOM中挂载）
在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作
beforeUpdate（更改已完成，但尚未准备好更新DOM）
在外部事件（用户输入）beforeUpdate发生更改时，此钩子即 在反映原始DOM元素的更改之前被触发。
updated（更改已完成，且已更新DOM）
实际更新DOM对象并触发updated，屏幕上的变化得到呈现
beforeDestroy（对象即将被销毁）
就在Vue对象被破坏并从内存中释放之前， deforeDestroy 钩子被触发，并允许我们在其中处理我们的自定义代码
destroyed（对象已销毁）
该 destroyed 钩子被成功运行销毁对象上调用
网友评论