码迷,mamicode.com
首页 > 其他好文 > 详细

vuex持久化 vuex-persistedstate

时间:2020-05-31 19:45:35      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:rem   style   vue   cookies   cal   als   bsp   ons   value   

1.下载

npm install --save vuex-persistedstate

2.在vuex里面引入,默认是localStorage

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

3.使用sessionStorage

plugins: [
    persistedState({ storage: window.sessionStorage })
]

4.使用cookie的情况

import persistedState from ‘vuex-persistedstate‘
import * as Cookies from ‘js-cookie‘

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)
      }
    })
  ]
})

 

vuex持久化 vuex-persistedstate

标签:rem   style   vue   cookies   cal   als   bsp   ons   value   

原文地址:https://www.cnblogs.com/wu-hen/p/13020674.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!