vue 生命钩子

创建(数据监测和数据代理)

beforeCreate(初始化前)

此时无法通过VM访问到data中的数据,methods中的方法(初始化生命周期和事件,但是数据代理还未开始

created (初始化完成)

此时可以通过VM访问到data中的数据,methods中的方法(数据代理和数据监测已经完成。)

挂载 (将虚拟DOM转成真实DOM放入页面)

beforeMount (挂载前)

解析成虚拟DOM
此时页面呈现的是未经编译的DOM结构,所有对DOM操作的最终都不奏效

mounted(挂载完成)

已经虚拟DOM转为真实DOM插入页面
此时页面呈现的是已经编译的DOM结构,所有对DOM操作的都奏效(尽可能避免)
至此初始化结束

更新(data数据发生变化时)

beforeUpdate (更新前)

此时数据已经更新,但是页面还未更新

updated (更新完成)

此时数据是新的,页面也是新的,即数据和页面同步

销毁

beforeDestroy (销毁前)

此时VM中所有的:data methods 指令等等,都处于可用状态,马上执行销毁过程
一般在此阶段 :关闭定时器,取消订阅,解除自定义时间等等收尾工作

destroyed (销毁完成)

完全销毁一个实例。清理它与其它实例的连接,解绑它的全部指令及自定义事件监听器。(原生DOM事件还可以触发)

你可能感兴趣的:(vue 生命钩子)