vue2.0生命周期钩子函数详解

beforeCreate:(实例创建之前被调用)在beforeCreate生命周期函数执行的时候,data和methods中的数据还没有被初始化

created:(实例创建成功后被调用)在created中的,data和methods都已经被初始化.如果想要操作data中的数据或者调用methods中的方法,最早只能在created中操作

 

beforeMount:(实例挂载之前被调用)此函数执行的时候,模板已经在内存中编译好了,但是尚未挂载到页面中去,所以页面还是旧的

mounted:(实例挂载完成后被调用)只要执行完了mounted,就表示整个Vue实例已经完成初始化;此时组件脱离创建阶段;进入到了运行阶段

 

beforeUpdate:(数据更新时被调用)此函数执行的时候,data中的数据是最新的，而页面中的数据是还旧的，因为页面尚未和最新的的数据保持同步

updated:(数据更新完成被调用)此函数执行的时候,data和页面中的数据都已经同步到最新的

 

beforeDestroy:(实例销毁之前被调用)此函数执行的时候,Vue实例就已经从运行阶段进入到了销毁阶段;但是实例身上所有的data和methods,以及过滤器 指令等都处于可用状态,因为此时,还没有真的执行销毁

destroyed:(实例销毁完成后被调用)此函数执行的时候,组件已经被完全销毁,此时组件所有的data和methods,以及过滤器 指令等都已经不可用