生命周期基本认知
一个人的生命周期:一个人从出生到逝去的过程
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: 组件销毁后