下载: vuex-persistedstate
npm install --save vuex-persistedstate
或者:
npm install --save vuex-persistedstate --legacy-peer-deps
引入使用:在store文件夹下的index文件中,也就是放vuex的js代码中引入:
import createPersistedState from 'vuex-persistedstate'
export default new Vuex.Store({
//...
plugins: [createPersistedState()]
}
使用的情景:
使用vuex持久化的情景是:看上面这个图,刚开始的数据是上海的电影院数据,后面当我们切换了地区,切换成“安阳”,数据变成了安阳区的电影院,但是让我们刷新一下页面,