Pinia 使用步骤

Pinia 是一个用于 Vue.js 应用程序的状态管理库。以下是使用 Pinia 的步骤：

1. 安装 Pinia

   您可以使用 npm 或 yarn 安装 Pinia。使用以下命令安装：

   npm install pinia
   

   或者

   yarn add pinia
   

2. 创建您的存储

   在您的 Vue.js 应用程序的根目录中，创建一个名为 'store.js' 的文件。在该文件中，您可以创建和导出您的存储。

   import { createStore } from 'pinia'
   
   export const useStore = createStore({
     state: () => ({
       count: 0
     }),
     actions: {
       increment() {
         this.count++
       }
     }
   })
   

3. 在您的组件中使用存储

   在您的 Vue.js 组件中，您可以使用 useStore 函数来访问您的存储。

   <template>
     <div>
       <p>Count: {{ count }}</p>
       <button @click="increment()">Increment</button>
     </div>
   </template>
   
   <script>
   import { useStore } from '../store'
   
   export default {
     setup() {
       const store = useStore()
   
       return {
         count: store.count,
         increment: store.increment
       }
     }
   }
   </script>
   

这些是使用 Pinia 的基本步骤，让您可以在 Vue.js 应用程序中管理状态。