beforeCreated
在这个生命周期时,主要是进行初始化,包括生命周期、render、事件的相关属性的初始化。还没有处理数据。
created
此时,已经通过definedProperty完成了对data、methods、computed、watch、provide、inject的属性的响应式处理,再之后修改属性值的时候,能够响应并更新dom
beforeMounted
这个声明周期还不能访问dom,只是将html模板编译成了render函数
mounted
此时已经通过render函数创建好了DOM元素并插入到了body中,可以操作dom了
beforeUpdate--data的属性值改变后不会立刻触发更新dom,而是添加到队列中,等到下一次的事件轮询时,统一更新dom
收集处理好需要更新的数据
updated
通过diff操作更新dom
beforeDestory
这里还可以访问dom
destoryed
已经删除了dom元素,清除了watcher,关闭了dom上的所有事件
<keep-alive>下的组件
在第一次进入页面时,会触发created mounted actived
离开页面时,触发 deactived 不会触发beforeDestory destoryed
再进入页面的时候,触发actived
如果有属改变了,会触发beforeUpdate actived updated