1. utils中增加localStorage.js,封装localstorage方法
var localStorage = window.localStorage
const db = {
save (key, value) {
localStorage.setItem(key, JSON.stringify(value))
},
get (key, defaultValue = {}) {
return JSON.parse(localStorage.getItem(key)) || defaultValue
},
remove (key) {
localStorage.removeItem(key)
},
clear () {
localStorage.clear()
}
}
export default db
2. store的module中,引用localStorage.js
import db from '@/utils/localStorage'
const demo = {
state: {
state1: db.get('STATE1', 5),
state2: db.get('STATE2', 10)
},
mutations: {
SET_STATE1: (state, value) => {
db.save('STATE1', value)
},
SET_STATE2: (state, value) => {
db.save('STATE2', value)
}
},
actions: {
}
}
export default demo
3. main.js中全局引用localStorage.js
import db from '@/utils/localStorage'
Vue.use(db)
4. vuex正常使用即可