Pinia 是 Vue.js 的一种状态管理库，用于替代 Vuex。它是为 Vue 3 设计的，但也可在 Vue 2 中使用。Pinia 提供了一种简单而直观的方式来处理全局状态。

以下是如何在 Vue 项目中使用 Pinia 的基础步骤：

1. 安装 Pinia：
   首先，你需要安装 Pinia。你可以通过 npm 或 yarn 进行安装：

   npm install pinia  
   或  
   yarn add pinia  

2. 创建存储：
   使用 defineStore() 函数创建一个新的 store。这个函数接收一个唯一的 id 和一个包含状态、getter 和 actions 的对象。

   import { defineStore } from 'pinia'  
   export const useMyStore = defineStore({  
    id: 'myStore',  
    state: () => ({  
      count: 0,  
    }),  
    getters: {  
      doubleCount(state) {  
        return state.count * 2  
      },  
    },  
    actions: {  
      increment() {  
        this.count++  
      },  
    },  
   })  

3. 初始化 Pinia：
   在你的主要 Vue 应用设置中，你需要使用 createPinia() 初始化并配置 Pinia。

   import { createApp } from 'vue'  
   import { createPinia } from 'pinia'  
   import App from './App.vue'  
   const app = createApp(App)  
   app.use(createPinia())  
   app.mount('#app')  

4. 在组件中使用存储：
   然后，在你的 Vue 组件中，你可以使用 useMyStore() 来访问这个 store。

   import { useMyStore } from './stores/myStore'  
   export default {  
    setup() {  
      const myStore = useMyStore()  
      return {  
        ...myStore.$state,  
        doubleCount: myStore.doubleCount,  
        increment: myStore.increment,  
      }  
    },  
   }  

总体来说，Pinia 提供了一种更简洁、更直观