vuex持久化储存

	此篇文章是本人的笔记之一，顺便教小白如何做持久化储存,做持久化之前要会用vuex。
	利用第三方插件做持久化储存是我认为最方便最快捷的一种办法。不喜勿喷。

1.安装一个vuex的插件vuex-persistedstate

npm i vuex-persistedstate@3.2.1

2.store/index.js中引入vuex持久化方法createPersistedState

import createPersistedState from "vuex-persistedstate"

3.store中使用

export default new Vuex.Store({
//这里务必加上pliguns↓
  plugins: [createPersistedState({
    storage: window.sessionStorage
  })],
  state: {
  num:'',
  },
  mutations: {
  },
  getters: {
  }
})

说明:
	这时候已经实现vuex的持久化了，这里是储存在sessionStorage内，打开浏览器刷新页面即可验证vuex内的值是否发生变化，当然也可以换成localSorage。