Vue.js 初步入门
vue有8大生命周期函数,“生命演变”如图所示:
生命周期函数阶段分为四类:创建阶段、挂载阶段、更新阶段,和销毁阶段。
beforeCreate
:实例创建之前调用
created
:实例创建成功,此时 data 中的数据显示出来了
beforeMount
:数据中的 data 在模版中先占一个位置
mounted
:模版中的 data 数据直接显示出来了
beforeUpdate
:当 data 数据发生变化调用,发生在虚拟 DOM 重新渲染和打补丁之前
updated
:数据更改导致的虚拟 DOM 重新渲染和打补丁
beforeDestroy
:在 vue 实例销毁之前调用,此时实例任然可用
destroyed
: 在 vue 实例销毁之后调用,vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁
正如官方文档所说,你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。