生命周期基本认知

生命周期基本认知

一个人的生命周期:一个人从出生到逝去的过程

vue组件生命周期

vue组件生命周期:从创建 到 销毁 的整个过程就是 – Vue实例的 - 生命周期

生命周期-钩子函数概述

生命周期函数:是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。

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

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

生命周期分类

分三大阶段,8个方法
- 组件初始化阶段的生命周期函数
- 组件运行阶段的生命周期函数
- 组件销毁阶段的生命周期函数

1. beforeCreate:data数据初始化之前,组件还没有数据
2. created: data数据初始化之后,可以获取到组件的数据
3. beforeMount:DOM渲染之前,DOM还没渲染
4. mounted:DOM渲染之后,可以操作DOM了
5. beforeUpdate: 数据更新,DOM更新前
6. updated: 数据更新,DOM更新后
7. beforeDestroy: 组件销毁前
8. destroyed: 组件销毁后

生命周期-图解

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值