Vue生命周期函数 & 函数作用

大家学习 Vue 生命周期经常见的图

下面小小的总结描述一下 Vue 的生命周期

Vue 生命周期 & 作用

生命周期函数	生命周期描述
beforeCreate	数据创建前触发，这个时候数据在内存中还未挂载到Vue实例上，这个时候无法访问data中的数据。
created	数据创建完成，数据已经挂载到Vue实例上，它是最早可以访问data中数据的钩子函数。
beforeMount	DOM挂载之前调用，这个时候DOM节点数据在内存中，还未渲染到真实的DOM树结构上。
mounted	DOM挂载完成之后调用，这个时候DOM节点已经完成渲染，他是最早可以进行DOM操作的钩子函数。
beforeUpdate	数据更新前的阶段，数据发生改变，还没有影响真实的DOM树结构，只是更新虚拟DOM树结 构的内容，这个时候还可以获取旧的DOM节点。
updated	数据更新完成，更新的结果已经渲染到真实的DOM结构，html结构已经发生改变。
beforeDestroy	实例销毁前调用，这个时候实例还可以使用
destroyed	Vue实例销毁，此时数据已经无法使用