pinia怎么保存数据

Pinia是Vue 3中官方推荐的状态管理库，它采用纯粹的函数式编程思想，用于管理组件之间的共享状态。在Pinia中，你可以使用`store`对象来存储和管理数据。以下是如何在Pinia中保存数据的基本步骤：

1. **创建store**:
首先，你需要创建一个store实例，并定义状态（state）和方法（mutations）。例如：

   import { createStore } from '@vue/pinia';
   export const store = createStore({
     state: () => ({
       data: {} // 你想要存储的数据
     }),
     mutations: {
       setData(state, newData) {
         state.data = newData;
       }
     },
   });

2. **获取和更新数据**:
- 获取数据: 在需要的地方通过`store.state.data`访问。
- 更新数据: 使用`store.commit('setData', newData)`触发mutations来改变数据。

3. **响应式**:
因为Pinia基于Vue的响应式系统，所以当你在mutations中更改状态时，视图会自动更新。

4. **分模块管理**:
如果有多个相关的状态，可以创建不同的模块，这样可以保持代码结构清晰。

5. **注入到组件**:
可以通过Vue的`provide/inject`机制，或直接在组件的`setup`方法中导入store，以便在组件内部使用。

// 在组件的setup中注入store
import { useStore } from 'pinia';
const store = useStore();