pinia 的安装与使用

发表于 更新于 分类于 本文字数： 160 阅读时长 ≈ 1 分钟

安装

用你喜欢的包管理器安装  pinia：

yarn add pinia
# 或者使用 npm
npm install pinia

defineStore

1
2
3
4
5
6
7
import { defineStore } from 'pinia'

// 你可以对 `defineStore()` 的返回值进行任意命名，但最好使用 store 的名字，同时以 `use` 开头且以 `Store` 结尾。(比如 `useUserStore`，`useCartStore`，`useProductStore`)
// 第一个参数是你的应用中 Store 的唯一 ID。
export const useAlertsStore = defineStore('alerts', {
  // 其他配置...
})

在 uni-app 中使用 pinia

在  main.js  中编写以下代码：

1
2
3
4
5
6
7
8
9
10
11
import { createSSRApp } from 'vue'
import * as Pinia from 'pinia'

export function createApp() {
  const app = createSSRApp(App)
  app.use(Pinia.createPinia())
  return {
    app,
    Pinia, // 此处必须将 Pinia 返回
  }
}

参考