vuex 状态持久保持 刷新不影响

vuex是vue的状态管理器,但是他就好像是一个全局变量,界面刷新的时候state就会回到初始定义的状态,这是我们不想看到的,我们可以将他存储到localStorage或者使用插件来实现。
一、安装插件

cnpm install vuex-persistedstate  --save

二、store.js文件中引入

import createPersistedState from 'vuex-persistedstate'
...

export default new vuex.Store({
...
    // 配置保存所有state到localStorage中
    plugins: [createPersistedState({storage: window.localStorage})]
...

具体的参数配置

https://www.npmjs.com/package/vuex-persistedstate

相关推荐