Vue的生命周期

Vue的生命周期包括初始化、挂载、更新和销毁四个阶段,每个阶段有对应的钩子函数,如created用于初始化数据,mounted可获取真实DOM。在更新阶段,beforeUpdate和updated会触发,而在销毁阶段,beforeDestroy和destroyed可用于清理资源。
摘要由CSDN通过智能技术生成

思考

1、什么是生命周期?
2、Vue所谓的生命周期又是什么?


概念

提示:这里可以添加本文要记录的大概内容:

一组件从 创建 到 销毁 的整个过程就是生命周期。


提示:以下是本篇文章正文内容,下面案例可供参考

一、钩子函数

Vue 框架内置函数,随着组件的生命周期阶段,自动执行

作用:

特定的时间点,执行特定的操作

场景:

组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据

整个阶段:(四个阶段八个钩子)

1.第一阶段:初始化(创建)阶段

2.第二阶段:挂载阶段

2.第3阶段: 更新阶段: 伴随着数据的变化而执行

第4阶段:销毁阶段,可以借助v-if指令销毁组件

1beforeCreate2created(发请求)
1beforeMount2mounted(获取真实DOM)
1beforeUpdate2updated(可以获取数据变换后新的DOM)
1beforeDestroy2destroyed(可以做组件的优化工作,比如关闭定时器)
在这里插入图片描述

总结

提示:这里对文章进行总结:

1、Vue实例从创建到显示都经历了哪些钩子函数?
beforeCreate / created / beforeMount / mounted
2、created函数里, 能获取真实DOM吗?
不能获取真实DOM
3、在什么钩子函数里可以获取真实DOM?
mounted

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值