先安装

sudo cnpm i pinia-plugin-persist-uni@1.3.1 pinia@2.0.27 --save

然后main.js引入

import { createSSRApp } from 'vue'
import App from './App.vue'

import { createPinia } from 'pinia'
import Persist from 'pinia-plugin-persist-uni'

export function createApp() {
  const app = createSSRApp(App)
  const store = createPinia()
  store.use(Persist)
  app.use(store)
  return {
    app
  }
}

创建一个store文件夹,重要的是persist这个属性，enabled为true就是持久化

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

function store() {
  const navCurrent = ref(0)
  function onSetCurrent(value) {
	navCurrent.value = value
  }
  return {
	  navCurrent,
	  onSetCurrent
  }
}
export const useNavStore = defineStore('navBar', store, {
  persist: {
    enabled: true,
  },
})

然后我们的navCurrent就自动存到Session storage里面去了，注意不是local storage