Pinia的数据持久化插件 pinia-plugin-persist

安装

yarn add pinia-plugin-persist

配置

Vue2 中使用

在store文件下新建 main.ts

import Vue from 'vue'
import vueCompositionApi from '@vue/composition-api'
import {
    
     createPinia } from 'pinia'
import piniaPersist from 'pinia-plugin-persist'
import App from './App.vue'

const pinia = createPinia()
pinia.use(piniaPersist)

Vue.use(vueCompositionApi)
Vue.use(pinia)

new Vue({
    
    
  pinia,
  render: h => h(App),
}).$mount('#app')

Vue3

在store文件下新建 main.ts

import {
    
     createApp } from 'vue'
import {
    
     createPinia } from 'pinia'
import piniaPersist from 'pinia-plugin-persist'

const pinia = createPinia()
pinia.use(piniaPersist)

createApp({
    
    })
  .use(pinia)
  .mount('#app')

Typescript definitions

// tsconfig.json 文件
{
    
    
  "compilerOptions": {
    
    
    "types": [
      "pinia-plugin-persist"
    ]
  },
}