vue生命周期的理解

272 阅读2分钟

生命周期的理解:

Beforecreate:被创建之前(精子/卵子)

还是精子/卵子,只携带片段的遗传数据,相当于没有完整的遗传信息(data),也没指导生命体生长的能力(method),更不是一个完整的人形(页面)
故:页面,数据,方法都没有被渲染出来

Created:创造后(受精卵)

成为受精卵,已经携带了完整的遗传信息(data),也有了能够指导生命体生长的能力(method),但是还没有人形(页面)
故:页面还没有被渲染出来,但是数据和方法都已经渲染完毕了,最早在该阶段已经可以发送数据请求了(俗称“胎教”)

Beforemount:挂载前(出生前,胚胎发育阶段)

还是胚胎,没有人形(页面),只能是人的雏形(页面模板)
故:页面还处于模板状态,没有渲染数据和方法

Mounted:挂载后(出生后,婴儿--成年之前)

已经又人形了,也开始接收教育了(网络请求发送)
故:页面已经完全渲染了,开始发送网络请求的数据,但是页面还是{{data}}这样的数据,不是最新从网络获得的的数据;

Beforeupdate:数据更新前

受教育阶段:学了很多知识,经验(从网络接请求到很多的数据),但是还没有运用到实际的生活和工作中
故:页面数据还是旧的,未更新(但是都已经准备好了)

Updated:数据更新后

进入工作岗位阶段:以前学到的知识,经验都要开始学以致用了(页面数据更新为最新的数据)
故:页面数据已更新为最新

Beforedestroy:销毁前(工作后--死亡前)

一切安好,按正常步骤进行

Destroy:销毁后:一切结束