Vue的生命周期
该图摘自官方文档
Vue的生命周期钩子函数:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed;共八个;
理解它的生命周期以及这些钩子函数在很大程度上将会促进我们对Vue执行机制的理解。
beforeCreate、created
意为创建之前和创建完成后;这两个钩子函数在我们创建Vue实例时触发执行;
beforeMount、mounted
挂载之前和挂载之后;这两个钩子函数在实例挂载时触发执行;
beforeUpdate、updated
当使用的data发生改变时,注意是被使用的数据发生改变才会触发这两个钩子函数执行;
怎样才算被使用呢?举个例子,比如:<p>{{msg}}</p>
该标签在页面中被渲染(display:none,虽然不可见但不影响渲染),那么当msg发生改变时,这两个钩子函数就会触发执行。
beforeDestroy、destroyed
javaScript有它自己的垃圾回收机制,当然也可以手动销毁该对象;$destroy(),当该对象被销毁时会触发执行这两个钩子函数。
我们了解它的生命周期之后,在实例运行时就可以根据不同的周期制定执行不同的方法