三种Vuex持久化存储

学习vue之前持久储存有两种:

cookie

WebStorage {WebStorage提供两种类型的API：localStorage和sessionStoragel}

现在又有 ： vuex-persist

1.cookie 用法

import Cookies from 'js-cookie'

num: Cookies.get("num") || 10,

2.

导入持久化模块

import VuexPersistence from 'vuex-persist'

 创建一个持久化实例，通过实例把整个仓库持久化。

//这里也可以设置sessionStorage

const vuexLocal = new VuexPersistence({

  storage: window.localStorage

})

使用插件

  plugins: [vuexLocal.plugin]