Vuex的数据持久化
vuex中的state存储于内存中,一刷新更新的数据就没了,其解决方案呢,有两种,具体如下:
有两种方式可以解决
-
利用H5的本地存储(localStorage,sessionStorage)
-
可以利用第三方封装好的插件,vuex-persistedstate
-
首先进行安装
npm install vuex-persistedstate --save
-
引入
在store下的index.js中import createPersistedState from "vuex-persistedstate"
-
配置
const store =new Vuex.Store({ plugins: [createPersistedState()] })
-