uniapp中使用pinia 以及持久化插件

1.下载 npm/yarn

         pinia

         pinia-plugin-persistedstate: "3.2.3",

这里指定版本下载，默认下载是 4.x以上的版本  与pinia使用 会报错

2.main.js

import { createSSRApp } from 'vue'

import pinia from './store'

import App from './App.vue'
export function createApp() {
  const app = createSSRApp(App)

  app.use(pinia)
  return {
    app,
  }
}

3.store/index.js

import { createPinia } from 'pinia'
import persist from 'pinia-plugin-persistedstate'

// 创建 pinia 实例
const pinia = createPinia()
// 使用持久化存储插件
pinia.use(persist)

// 默认导出，给 main.js 使用
export default pinia

// 模块统一导出
export * from './modules/user'

4.store/modules/user.js

import { defineStore } from 'pinia'
import { ref } from 'vue'

// 定义 Store
export const useUserStore = defineStore(
  'user',
  () => {
  
    // 记得 return
    return {
     
    }
  },
  // TODO: 持久化
  {
    //网页端配置
    // persist: true,
    //小程序配置
    persist: {
      storage: {
        getItem(key) {
          return uni.getStorageSync(key)
        },
        setItem(key, value) {
          uni.setStorageSync(key, value)
        },
      },
    },
  },
)

使用 setup 语法抒写

ref() 就是 state 属性

const token = ref()

computed() 就是 getters

const temp = computed(()=>token.value++)

function() 就是 actions

const temp = ()=>{}