state vuex 相关问题

Question

问题遇到的现象和发生背景

let state = JSON.parse(localStorage.getItem('userInfo')) || {}
export default new Vuex.Store({
state,
}）

app.js:204

   Uncaught SyntaxError: "undefined" is not valid JSON
at JSON.parse (<anonymous>)
at eval (index.js?68eb:8:1)

export default new Vuex.Store({
state：{
state = "JSON.parse(localStorage.getItem('userInfo')) || {}"
}
}）
会有其他地方报相同的错误

咋样能不报错

Answer 1

先判断有值再使用JSON.parse

let _userInfo = localStorage.getItem('userInfo')
let state = _userInfo && JSON.parse(_userInfo) || {}
export default new Vuex.Store({
    state,
})