vue 3 集成 pinia 实现全局状态管理只需三步：安装（npm/yarn/pnpm install pinia，体积约1kb）、挂载（main.js/ts 中 createpinia() 并 app.use()）、定义使用 store（definestore 声明，storetorefs 解构保响应性）。
Vue 3 项目集成 Pinia 实现全局状态管理，核心就三步：安装、挂载、定义并使用 Store。整个过程轻量直接，没有冗余配置，也不需要理解 mutations 这类历史概念。
安装 Pinia
在项目根目录执行对应包管理命令：
- npm install pinia
- yarn add pinia
- pnpm add pinia
Pinia 体积仅约 1KB，无运行时依赖，安装后即可开用。
在 main.js 或 main.ts 中挂载
创建 Pinia 实例，并通过 app.use() 注入应用上下文，使所有组件可访问：
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
<p>const app = createApp(App)
const pinia = createPinia()
app.use(pinia) // 关键：全局挂载
app.mount('#app')
</p>
这一步完成后，Pinia 就已激活，支持 DevTools 调试、时间旅行、状态快照等能力。
定义一个 Store（组合式写法）
在 src/stores/ 下新建文件（如 counterStore.ts），用 defineStore 声明：
