Vue

vuex持久化 使Vuex数据与sessionStorage同步,数据持久化

联系站长 作者:web知道 来源:未知 2020-09-16 14:54 我要评论

使用插件使Vuex数据与sessionStorage同步,数据持久化...

使用插件使Vuex数据与sessionStorage同步,数据持久化

npm i -S vuex-persistedstate

// 默认方式
import persistedState from 'vuex-persistedstate'
export default new Vuex.Store({
    // ...
    plugins: [persistedState()]
})

//  自定义方式
export default new Vuex.Store({
  modules: {
    user,
    settings,
    cart
  },
  plugins: [
    createPersistedState({
      storage: window.sessionStorage
    })
  ],
  getters
});

// token方式
export default new Vuex.Store({
  // ...
  plugins: [
    persistedState({
      storage: {
        getItem: key => Cookies.get(key),
        setItem: (key, value) => Cookies.set(key, value, { expires: 7 }),
        removeItem: key => Cookies.remove(key)
      }
    })
  ]
})




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • vue中使用websocket

    vue中使用websocket

    2020-07-28 11:17

  • VUE 使用vue框架写H5时,安卓软键盘会盖住输入框

    VUE 使用vue框架写H5时,安卓软键盘会盖住输入框

    2020-04-08 15:07

  • VUE中使用剪切板-复制

    VUE中使用剪切板-复制

    2019-11-24 22:14

  • 实现vue使用腾讯地图简单功能

    实现vue使用腾讯地图简单功能

    2019-08-28 11:12

网友点评