Vuex数据状态持久化的使用场景
1、购物车
比如你把商品加入购物车后,没有保存到后台的情况下,前端来存,就可以通过这种方式vuex+localStorage(sessionStorage)。
2、会话状态
授权登录后,token就可以用Vuex+localStorage(sessionStorage)来存储。
3、一些不会经常改变的数据
比如城市列表等(当前也要留下可以更新的入口,比如版本号)
小提示:localStorage.setItem(key, String), set的值必须是字符串,如果你的数据是对象都需要先行转换(JSON.stringify(xxx)),取出时localStorage.getItem(key),取出后的字符串可以通过JSON.parse(xxx)转回对象。