beforeCreated
实例创建前,这个阶段实例的data和mounted是读不到的
created
实例创建后,这个阶段已经完成了数据观测(data Observer),属性和方法的运算,watch事件的回调,el属性目前不可见,数据并没有在dom元素上面进行渲染
beforeMounted
在挂载开始之前被调用,相关的rander的函数首次被调用
mounted
el选项的dom节点被新创建,vm.$el替换并挂载到实例上去,之后调用此生命周期函数,此时实例的数据在dom节点上面进行渲染
beforeUpdate
数据更新时调用但是不进行dom重新渲染,将数据更新时dom没有渲染前,可以在这个生命周期函数里面处理
update
这个状态下dom重新渲染,当这个生命周期被调用的时候,主键dom已经更新,此时可以进行依赖dom的操作,当时实例每次进行数据更新update都会被操作
beforeDestoryed
实例销毁之前调用
destoryed
实例销毁后调用,调用vue实例的所以东西都会解绑,所有的监听器会被移除,所有的子实例也会被销毁