vue操作本地存储

Posted neo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue操作本地存储相关的知识,希望对你有一定的参考价值。

const ls = window.localStorage
const ss = window.sessionStorage


export const  LStorage= {
 getItem(key) {
  try {
   return JSON.parse(ls.getItem(key))
  } catch (err) {
   return null
  }
 },
 setItem(key, val) {
  ls.setItem(key, JSON.stringify(val))
 },
 clear() {
  ls.clear()
 },
 keys() {
  return ls.keys()
 },
 removeItem(key) {
  ls.removeItem(key)
 }
};



export const  SStorage= {
 getItem(key) {
  try {
   return JSON.parse(ss.getItem(key))
  } catch (err) {
   return null
  }
 },
 setItem(key, val) {
  ss.setItem(key, JSON.stringify(val))
 },
 clear() {
  ss.clear()
 },
 keys() {
  return ss.keys()
 },
 removeItem(key) {
  ss.removeItem(key)
 }
};

  

以上是关于vue操作本地存储的主要内容,如果未能解决你的问题,请参考以下文章

Vuex 操作未将本地存储令牌添加到 Axios 调用后

Vue 快速入门系列Vue数据实现本地存储自定义事件绑定全局事件总线$nextTick的使用

VSCode自定义代码片段1——vue主模板

如何将本地存储中的 JSON 对象添加到 Android Studio 上的片段列表

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)