我个人对Vue生命周期函数的了解让我对Vue有了一段时间的了解,但有些东西似乎还不知道。 特别是关于Vue生命周期函数,虽然只是有图像,但在实际的运用过程中还做不到。 因为有些东西不能理解,所以今天找了资料。 顺便自己也总结了一下。
Vue生命周期函数的图解
将Vue生命周期函数抽成了下面几个周期
9.1组件制作期限
9.1.1名为before create before create的函数在创建组件实例并计算组件属性(如data属性)之前被调用。 el和data尚未初始化
9.1.2名为created created的函数是在组件实例上创建的,绑定了属性,但尚未生成DOM,data数据初始化已完成,$el属性尚不存在
9.1.3名为before mount before mount的函数在模板装载之前被调用
9.1.4名为mounted mounted的函数在模板装载后显示为但是不保证组件已在document中
9.2组件正在运行
9.2.1 beforeupdate beforeupdate在组件更新之前调用此函数
9.2.2更新更新此函数在组件更新后调用
9.3正在激活和销毁keep-alive缓存的组件
9.3.1对于keep-alive,在组件处于活动状态时调用名为activated activated的函数
9.3.2名为deactivated deactivated的函数在从keep-alive中删除组件时调用
9.4零部件报废期限
9.4.1在组件被销毁之前调用名为beforedestorybeforedestory的函数
9.4.2已销毁此函数在销毁组件后被调用