Vue生命周期了解

目录

1.先了解什么是生命周期

2.了解什么是Vue生命周期

3.在我们使用Vue的过程中，怎么知道Vue生命周期已经进行到哪个阶段了呢？

4. Vue-钩子函数

5. Vue-初始化阶段

6. Vue-挂载阶段

7. Vue-更新阶段

8. Vue-销毁阶段

---

1.先了解什么是生命周期

生命周期，就是一个事物从世界出现到从世界上消失的过程

2.了解什么是Vue生命周期

Vue的声明周期简单来说：就是Vue实例从创建到销毁的整个过程就是Vue的生命周期

3.在我们使用Vue的过程中，怎么知道Vue生命周期已经进行到哪个阶段了呢？

这就需要用到Vue框架内置的钩子函数了,我们可以通过钩子函数了解到生命周期到达了什么阶段了

4. Vue-钩子函数

• 运行的机制：Vue框架内置函数，会随着组件的生命周期阶段, 自动执行
• 作用: 在特定的时间点,执行特定的操作
• 场景: 组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据
• 分类: 它分为 4个大阶段 8个方法

1. 初始化
2. 挂载
3. 更新
4. 销毁

阶段	方法名	方法名
初始化	beforeCreate	created
挂载	beforeMount	mounted
更新	beforeUpdate	updated
销毁	beforeDestroy	destroyed

官网文档

下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。

 5. Vue-初始化阶段

1. new Vue() – Vue实例化(组件也是一个小的Vue实例)
2. Init Events & Lifecycl