Pinia是一个Vue 3的状态管理库。它提供了一个简单但功能强大的API，用于管理应用程序中的数据状态，包括状态的获取、修改和监听等。
使用Pinia，您可以将应用程序的状态存储在一个中央存储库中，从而使状态管理变得更加可预测和可控。此外，Pinia还提供了一些特性，如插件系统、组合式API和类型定义支持等。
要使用Pinia，您需要先在项目中安装它：
npm install pinia
然后，在Vue应用程序的入口文件中引入Pinia：
import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' const app = createApp(App) const pinia = createPinia() app.use(pinia) app.mount('#app')
现在，您可以创建一个状态存储库，并在组件中使用它：
import { defineStore } from 'pinia' export const useCounterStore = defineStore({ id: 'counter', state: () => ({ count: 0 }), actions: { increment() { this.count++ } } })
在组件中使用状态存储库：
import { useCounterStore } from './counter' export default { setup() { const counter = useCounterStore() return { counter } } }
现在，您可以在组件中使用counter.count来获取计数器的值，或使用counter.increment()来增加计数器的值。
这只是Pinia的基础用法，您可以查看其文档，了解更多高级用法和API。
