pinia 模块用法

Pinia是Vue 3.x中官方推荐的状态管理模式，它是基于Vue.js的响应式原理和Store模式（类似于React的Redux或Vue Router的Vuex）设计的轻量级状态管理库。Pinia的核心思想是简化状态管理，并提供更好的可读性和组织性。

**Pinia的用法步骤**：

1. **安装**: 在项目中安装`@vue/pinia`库，可以使用npm或yarn命令。

   npm install @vue/pinia

2. **创建store**: 创建一个名为`store.js`的文件，定义你的状态和方法。

   import { createStore } from '@vue/pinia';
   
   export default createStore({
     state() {
       return {
         count: 0,
       };
     },
     actions: {
       increment(context) {
         context.commit('increment');
       },
     },
     mutations: {
       increment(state) {
         state.count++;
       },
     },
   });

3. **使用store**: 在组件内通过`inject`注入store实例并调用其方法。

   import { useStore } from '@/store';

   export default {
     setup() {
       const store = useStore();
       // 使用store实例
       store.increment(); // 调用action
       return { count: store.state.count };
     },
   };

4. **模块化支持**: 如果应用较大，可以将store拆分为多个子模块，每个模块负责一部分状态和操作。

**相关问题--:**
1. Pinia如何处理响应式更新？
2. 如何在Pinia中创建和导出多个模块的store？
3. Pinia与Vuex相比有何优势？