(生命周期函数 = 生命周期钩子 = 生命周期事件)

一、定义:

    从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期

二、分类:

1. 创建期间的生命函数
(1)beforeCreate:(第一个生命周期函数)vue实例刚刚在内存中被创建出来但还未初始完全,此时还没有初始化好data和methods属性。
(2)created:实例已经在内存中创建OK,data和methods也已经初始化完毕,此时还没有开始编译模板。
(3)beforeMount:此时完成了模板编译,但没有挂载到页面中去。
(4)mounted:模板挂载到指定容器中显示,至此vue实例创建完毕,组件脱离创建阶段。

2. 运行期间的生命函数
(1)beforeUpdate:表示界面还未更新,但数据已经被更新了。
(2)updated:页面和data已经保持同步了,都是最新的。

3. 销毁期间的生命函数
(1)beforeDestroy:此时,Vue实例从运行阶段进入到销毁阶段,但实例身上所有的data和methods以及过滤器、指令…等都处于可用状态,还没有真正销毁。
(2)destroyed:组件销毁完毕。

图示:
VUE生命周期解读

相关文章:

  • 2021-08-20
  • 2021-07-03
  • 2021-09-04
猜你喜欢
  • 2021-09-27
  • 2021-10-02
  • 2021-08-25
  • 2021-04-10
  • 2021-10-17
相关资源
相似解决方案