数据持久化

1.安装依赖 npm i pinia-plugin-persistedstate --save

2.在store/index.js

import piniapluginpersistate from 'pinia-plugin-persistedstate'

Pinia.use(piniapluginpersistate)

3.persist:{

      storage:window.sessionStorage

    }

基础配置

1.安装pinia 通过npm i   pinia

2.在main.js

// main.ts 文件

import { createApp } from 'vue'

import App from './App.vue'

import {createPinia} from 'pinia'

// 创建 Pinia 实例

const pinia = createPinia()

// 创建 Vue 实例

const app = createApp(App)

// 挂载到 Vue 根实例

app.use(pinia)

app.mount('#app')

实例如图

3.在src目录下创建 store文件夹，在store中创建index.js