Vue的生命周期

Vue的生命周期
该图摘自官方文档

Vue的生命周期钩子函数：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed；共八个；

理解它的生命周期以及这些钩子函数在很大程度上将会促进我们对Vue执行机制的理解。

beforeCreate、created

意为创建之前和创建完成后；这两个钩子函数在我们创建Vue实例时触发执行；

beforeMount、mounted

挂载之前和挂载之后；这两个钩子函数在实例挂载时触发执行；

beforeUpdate、updated

当使用的data发生改变时，注意是被使用的数据发生改变才会触发这两个钩子函数执行；
怎样才算被使用呢？举个例子，比如:

{{msg}}

该标签在页面中被渲染（display：none，虽然不可见但不影响渲染），那么当msg发生改变时，这两个钩子函数就会触发执行。

beforeDestroy、destroyed

javaScript有它自己的垃圾回收机制,当然也可以手动销毁该对象；$destroy()，当该对象被销毁时会触发执行这两个钩子函数。

我们了解它的生命周期之后，在实例运行时就可以根据不同的周期制定执行不同的方法