beforeCreate
在vue初始化过程中执行,data 和 methods 中都还没有没初始化
created
实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始编译模板
beforeMounted
此时已经完成了模板的编译,但是还没有从内存挂载到页面中。
mounted
此时,已经将编译好的模板,挂载到了页面指定的容器中显示。
beforeUpdate
data数据更新之后,但是还未渲染到页面时执行的函数。这时data数据已经更新,但是页面的数据还是旧的。
updated
updated 事件执行的时候,页面和 data 数据已经保持同步了,都是最新的。
beforeDestroy
实例销毁之前调用。在这一步,实例上的data,methods等仍然完全可用。
destroyed
Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。
附图
(其中beforeCreated和Created的位置好像是有点问题;不过看上的是这副图的标注)
图片来源地址:
图侵权删