store-persistence v1.1.4

vuex 数据持久化

Installtion

npm i store-persistence

Usage

import Vue from 'vue'
import store from '@/store'
import storage from 'good-storage'
import StorePersistence from 'store-persistence'

// 缓存方法可使用 localStorage/sessionStorage/uni.getStorageSync 等
Vue.use(StorePersistence, {
  name: '$updateStore',
  removeItem: (v) => storage.remove(v),
  getItem: (v) => storage.get(v),
  setItem: (n, v) => storage.set(n, v)
  update: (name: string, value: any) => store.commit('update', { name, value })
})

export default {
  methods: {
    onClicked() {
      this.$updateStore({
        name: 'test',
        value: 'hello world',
        cache: false // 可选, 默认true, 如果设为false, 则只更新vuex数据 不做缓存处理
      })
    }
  }
}

Props

Live Demo