vue生命周期

生命周期

每个vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是vue的生命周期。从上图可以看到在vue一整个生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作，那么先列出所有的(8个）钩子函数，然后我们再详解：

• beforeCreate(新对象诞生）:vue对象用新方法实例化，它创建一个vue类的对象来处理dom元素，对象的这个生命阶段可以通过beforeCreate挂钩来访问。我们可以在这个钩子中插入我们的代码，在对象初始化之前执行。
• created（创建，具有默认特性的对象）：在这个阶段，对象及其事件完全初始化。
• beforeMount
• mounted（dom已准备就绪并放置在页面内）：当模板准备就绪，它将数据放入模板并创建可呈现元素。用这个新的数据填充元素替换DOM元素。
• beforeUpdate（更改已完成，但尚未准备好更新dom）：当vue发现data数据有改变时，此钩子反应原始DOM元素的更改之前被触发。
• updated（在DOM中呈现的更改）：通过实际更新dom对象触发updated，屏幕上的变化得到呈现。
• beforeDestroy：在实例销毁之前调用，在这一步，实例仍然完全可用。
• destroyed：在vue实例销毁后调用，调用后，vue实例指示的所有东西都会解绑，所有事件监听