生命周期函数的作业

本文详细介绍了Vue实例的生命周期,包括beforeCreate、created、beforeMount、mounted等创建期间的钩子,以及beforeUpdate、updated、beforeDestroy、destroyed等运行及销毁期间的生命周期函数。每个阶段的作用和应用场景进行了清晰的阐述。
摘要由CSDN通过智能技术生成

什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期。
生命周期钩子:就是生命周期事件的别名
生命周期钩子 = 生命周期函数 = 生命周期事件
主要的生命周期函数分类:
        创建期间的生命周期函数:
                beforeCreate:实例初始化后调用,此时实例刚在内存中创建出来,data和methods还没初始化好。
                created:在实例创建完成后被立即同步调用,实例已在内存中创建好,data和methods已初始化好,此时还没开始编译模板。
                beforeMount:在挂载开始之前被调用,已完成模板编译,还没挂载到页面上。
                mounted:实例被挂载后调用,已将编译好的模板挂载到页面指定的容器中显示。
        运行期间的生命周期函数:
                beforeUpdate:状态更新前调用,此时data中的值是最新的,但界面上数据还是旧的,还没开始重新渲染DOM节点。
                updated:实例更新完调用,此时data中的值和界面显示的数据都已更新完成,界面已被重新渲染完成。
        销毁期间的生命周期函数:
                beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。
                destroyed:实例销毁后调用。该钩子被调用后,对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值