BeforeCreate 阶段
组件创建之后遇到的第1个生命周期函数,这个阶段标签已经被加载,但是data和methods以及dom结构都都未被初始化,也就是获取不到data的值,不能调用methods中的函数
Init injections &reactivity
这个阶段中,真正初始化data和methods中的方法
Created 阶段
这个阶段组件的data和methods中的方法已初始化结束,可以访问,但是dom结构未初始化,页面未渲染,这个阶段经常发出Ajax请求
模板编译:内存完成编译模板(el/模板标签 template)
还没有挂载,用户无法看到渲染的页面
beforeMount阶段
此时内存中的模板结构还未渲染到页面上,看不到真实的数据
mounted阶段
已挂载-页面数据已经渲染完毕,用户看到的是真实的页面数据,生命周期创建阶段完毕,进入到了运行中的阶段
循环的监听数据池 data 中数据的变化
如果数据发生了变化,
触发生命周期函数 beforeUpdate
beforeUpdate阶段
当执行beforeUpdate函数,数据池的数据是新的,但是页面还是旧的
Virturl DOM re-render and patch
根据最新的data数据,重新渲染内存中的模板结构,并把渲染好的模板结构,替换至页面上
updated阶段
页面已经完成了更新,此时,data数据和页面的数据都是最新的
如果数据没有发生变化,beforeUpdate 不会被调用
销毁阶段:
注意在 beforeDestroy 阶段(数据销毁之前),数据还可以使用
Tearddown... 注销组件、事件监听器
destroyed: 组件已经完成了销毁