Vue入门教程--vue的生命周期函数详解（article:13）

Vue.js 初步入门

---

vue有8大生命周期函数，“生命演变”如图所示：

生命周期函数阶段分为四类：创建阶段、挂载阶段、更新阶段，和销毁阶段。

beforeCreate:实例创建之前调用
created：实例创建成功，此时 data 中的数据显示出来了
beforeMount：数据中的 data 在模版中先占一个位置
mounted:模版中的 data 数据直接显示出来了
beforeUpdate：当 data 数据发生变化调用，发生在虚拟 DOM 重新渲染和打补丁之前
updated：数据更改导致的虚拟 DOM 重新渲染和打补丁
beforeDestroy：在 vue 实例销毁之前调用，此时实例任然可用
destroyed： 在 vue 实例销毁之后调用，vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁

正如官方文档所说，你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。