vue3的pinia全局使用

Vue3中的Pinia是Vue官方推荐的状态管理模式，它是一个轻量级、无侵入性的JavaScript库，用于组织和管理应用的全局状态。在Vue3中全局使用Pinia有以下几个步骤：

1. 安装依赖：首先需要安装`@vue/pinia`库，可以使用npm或yarn命令：

   npm install @vue/pinia
   # 或者
   yarn add @vue/pinia

2. 创建store：在项目的src目录下创建一个pinia文件夹，然后在其中创建index.js文件，这里会定义并初始化你的全局store:

   import { createApp } from 'vue';
   import { createStore } from '@vue/pinia/core';
   import myStore from './myStore.vue';

   const app = createApp(MyComponent);
   const store = createStore(myStore);

   // 将store挂载到vue实例上
   app.use(store).mount('#app');

这里的`myStore.vue`是一个 Pinia Store 的示例，通常包含state、getters、mutations和actions。

3. 使用store：在组件中，你可以通过注入`$store`来访问和修改store的数据：

   export default {
     setup() {
       const state = useMyStoreState();
       //...
       return () => {
         // 使用getter获取数据
         console.log(state.myData);
         // 使用mutation改变数据
         this.$store.commit('updateMyData', newValue);
       }
     }
   };

`useMyStoreState()`是使用Pinia提供的hooks来方便地获取store的状态。