Vuex插件之状态持久化vuex-persistedstate

作者: bkbtp 分类: 前端 发布时间: 2018-04-03 10:32

vuex-persistedstate,使用浏览器的本地存储( localstorage)对状态( state )进行持久化。

安装

npm install vuex-persistedstate --save

store.js中引入

import createPersistedState from 'vuex-persistedstate'
export default new Vuex.Store({
  // ...
  plugins: [createPersistedState()]
})

这样就不需要直接操作localStorage,默认会将所有的state保存在key为vuex的json字符串中,调用状态方法和之前一致。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。