欢迎！在这个 Pinia 基础课程中，我们将深入探讨如何使用 Vue 的官方状态管理库 Pinia。

我们将了解 Pinia 是什么，如何设置它，我们甚至会构建一个简单的待办事项列表应用程序，以便我们可以练习使用它。

在第一课中，我们将介绍以下内容：

• Pinia 有什么用？
  • 我们将为它的工作原理开发一个清晰的心智模型
• 您将从这门课程中学到什么？
• 我们将建造什么？

Pinia 有什么用？

首先：Pinia 是干什么用的？

Pinia 用于帮助管理状态。我们所说的状态是什么意思？在应用程序中，您在屏幕上看到的某些内容不会更改。但其他事情必须根据某些情况进行更改。

例如，如果用户未登录，我们可能会向他们显示一个显示“登录”的按钮。但是，如果他们已经登录，我们可能会隐藏该按钮。呈现的按钮完全取决于用户登录与否的状态。

现在我们已经了解了什么是状态，那么问题就变成了：我们如何在充满组件的 Vue 应用程序中管理状态？从技术上讲，我们可以将每个组件的本地状态存储在数据属性或响应式引用中，但是当一个组件需要将其状态的信息传达给组件树中完全不同部分的组件时，我们该怎么办？