[分享]Vuex 插件 自动缓存store指定数据（配置最简，性能最佳）

vue-savedata

npm install vue-savedata yarn add vue-savedata 一个 npm包，用来自动存，vuex自动取 Localstorage本地存储, sessionStorage的值，可以同时支持两个存储，也可以单个存储， 一共50多行代码

单测覆盖97%（就一个判断类型错误没跑到） 一共50多行代码 --0.0

github 上有文档： github：vue-savedata npm 也有：npm：vue-savedata

解释一下 配置最简，性能最佳

配置最简：传进来一个白名单module-====over，就是这么简单，module内所有数据都会被缓存下来 性能最佳：这个 没什么依据.......目测性能最佳：：：：-1.代码少2.没用一个循环

---

============以下来自npm文档-------------------------

vue-savedata

vuex 指定数据持久化（配置最简，性能最佳）

Requirements

• Vue.js (v2.0.0+)
• Vuex (v2.0.0+)

Installation

$ npm install vue-savedata
$ yarn add vue-savedata
复制代码

Usage （简单使用 store所有数据都会被缓存）

import createPersiste from 'vue-savedata'
// 默认全部持久化，你也可以通过一丢丢配置项,指定数据持久化
const store = new Vuex.Store({
  // ...
  plugins: [createPersist()],
})
复制代码

API 精致使用（指定数据数据缓存本地 ）

createPersiste([options])

（温馨提示: LS即Localstorage本地存储, SS即sessionStorage本地存储, LS、SS可同时使用,也可单独使用 ）

可以为您的特定需求配置插件:

• saveName <String>: 本地save的key 默认： savedata
• SS <Object>: {storePath: xx, module: xx } storePath:在store 上的路径 module:需要 本地存的 模块
• SL <Object>: {storePath: xx, module: xx } 同上
• getState <Function>: 取本地时调用的方法 可自定义（SS,SL也会调用此方法）
• setState <Function>: 存本地时调用的方法 同上

import createPersiste from 'vue-savedata'
import module1 from './modules/module1'
import module2 from './modules/module2'
const persiste = createPersiste({
	LS: {
		module: module1,
		storePath: 'module100'
	},
	SS: {
		module: module2,
		storePath: 'module2'
	}
})
const store = new Vuex.Store({
  // ...
  modules: {
   module100: module1,
   module2
	 },
  plugins: [persiste],
})
复制代码