初识Vue-生命周期函数（详解如何让组件在不同阶段执行相应操作）

目录

一、生命周期介绍

1. 概念

2. 特点

3. 功能

4. 常用生命周期函数及其用法

5. 应用场景

二、生命周期语法

1. beforeCreate

2. created

3. beforeMount

4. mounted

5. beforeUpdate

6. updated

7. beforeDestroy

8. destroyed

 三、生命周期应用实例

1.计时器组件

2.博客应用文章列表和文章详情页面

3.购物车

四、总结

---

一、生命周期介绍

1. 概念

生命周期函数是在Vue组件生命周期中的特定时间点执行的函数。Vue实例有一个完整的生命周期，从创建、挂载、更新到销毁。在这个过程中，Vue提供了一系列的钩子函数，让你能够在特定阶段执行自定义逻辑。

2. 特点

• 生命周期函数是一组特定的函数，它们按照特定的顺序在组件的生命周期中被调用。
• 这些函数允许你在组件的不同阶段添加自定义逻辑，例如在组件创建前进行初始化，或在组件销毁后进行清理工作。
• 生命周期函数的执行顺序是确定的，你可以依靠它们来确保你的逻辑按照预期的顺序执行。

3. 功能

• 初始化： 在组件实例初始化时执行一些操作。
• 渲染： 在组件渲染过程中执行一些操作，例如在数据更新时重新渲染。
• 销毁： 在组件销毁时执行一些清理操作，例如移除事件监听器或取消订阅。