首页 > 编程知识 正文

js的生命周期,vue生命周期11个钩子函数

时间:2023-05-05 21:50:58 阅读:18771 作者:2357

我个人对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已销毁此函数在销毁组件后被调用

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。