vuex无论你喜不喜欢或者想不想,但凡涉及到了Vue项目多数时候你都会需要。但万物都有弊端,页面刷新后状态,数据丢失一直很头大。
而这个问题我们也常常在面试中被问到,传统的解决方案是Vuex+sessionStorage等存储方案解决
好吧 不墨迹直接上封装好的干货,喜欢那个选那个。直接在Vuex中调用即可
var Storage = {
// ==================sessionStorage设置缓存================
// 设置缓存
sessionSet: function (name, data, expires) {
sessionStorage.removeItem(name)
sessionStorage.setItem(name, JSON.stringify(data))
if (expires && expires instanceof Date) {
sessionStorage.removeItem(`${
name}__expires`)
sessionStorage.setItem(`${
name}__expires`, new Date(expires).getTime())
}
},
// 获取缓存
sessionGet: function (name) {
if (sessionStorage.getItem(`${
name