所有的生命周期跟data是同级
beforeCreate
在实例初始化之后,数据观测 (data observer) 和 event/watcher 配置之前被调用。
此时实例数据对象什么都没有
created
挂载阶段还没开始,dom还未生成,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event
beforeMount
模板编译挂载之前调用,首先会判断对象是否有el选项。如果有的话就继续向下编译,如果没有el选项,则停止编译,也就意味着停止了生命周期\
mounted
模板编译挂载之后调用,vm.$el替换掉el指向的dom
beforeUpdate
数据变更导致虚拟DOM重新渲染之前调用
updated
数据变更导致虚拟DOM重新渲染之后调用
beforeDestroy
实例销毁之前调用,在这一步,实例完全可用
destroyed
vue实例指向的所有东西解除绑定,包括watcher、事件、所以的子组件,后续就不再受vue实例控制了