Vue-生命周期函数

一、生命周期:
指的是实例对象从构造函数开始执行到被GC(垃圾回收)回收销毁的整个存在时期。
生命周期函数也叫钩子函数。
二、用途:
vue实例从创建到销毁有不同的时期,可以利用不同时期的钩子函数去完成不停的操作。
三、示意图
在这里插入图片描述
最常用的是created:主要用来初始化data 这样不需要在页面中渲染同时也能ajax请求
以及mounted:用来初始化dom和加载echarts。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 中,组件的生命周期函数用来控制组件的创建、更新和销毁等过程。以下是常用的 Vue 组件生命周期函数: 1. `beforeCreate`:在实例初始化之后,数据观测和事件配置之前被调用。此时组件的数据和方法都还未初始化。 2. `created`:在实例创建完成后被调用。此时组件的数据已经初始化,可以访问到 `data` 和 `methods` 中定义的属性和方法。 3. `beforeMount`:在挂载开始之前被调用。此时模板编译已经完成,但是尚未将组件挂载到 DOM 上。 4. `mounted`:在挂载完成后被调用。此时组件已经挂载到 DOM 上,可以进行 DOM 操作和其他第三方库的初始化等操作。 5. `beforeUpdate`:在组件更新之前被调用。在此处可以进行更新前的准备工作。 6. `updated`:在组件更新完成之后被调用。此时 DOM 已经更新,可以进行 DOM 操作和其他第三方库的更新等操作。 7. `beforeDestroy`:在实例销毁之前被调用。可以在此处进行一些清理工作,如清除定时器、取消事件监听等。 8. `destroyed`:在实例销毁之后被调用。此时组件已经被销毁,所有的事件监听和定时器都已经被移除。 这些生命周期函数可以在 Vue 组件内部定义,并在相应的阶段被调用。您可以根据需要在这些生命周期函数中执行相应的操作,以控制组件的行为和实现所需的功能。 请注意,以上是常用的生命周期函数Vue 还提供了其他一些生命周期函数,如 `activated`、`deactivated` 等,可以根据实际需求选择使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值