第一阶段:初始化阶段 创建vue实例,准备数据,准备模板,渲染视图。 对应的钩子函数: beforeCreate 在data数据注入到vm实例之前,此时vm身上没有数据 created 在data数据注入到vm实例之前,此时vm身上有数据
第二阶段:数据更新阶段 当数据变化时,会进行新旧DOM的对比,对比出差异的部分,进行差异化更新。 对应的钩子函数: beforeMount 生成的结构替换视图之前,此时DOM还没更新 mounted 生成的结构替换视图之前,此时DOM已经更新完成 第三阶段:实例销毁阶段 当vm.$destroy()被调用,vue实例就会被销毁,释放相关资源,此时再更新数据,视图不会再变化。 对应的钩子函数: beforeDestroy 实例销毁,是否资源之前 destroyed 实例销毁,是否资源之后
常用的钩子函数:created 和 mounted 主要用来打开时获取后台数据和操作Dom元素!