封装本地持久化方法

最新推荐文章于 2024-10-26 14:16:04 发布

原创最新推荐文章于 2024-10-26 14:16:04 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6 #vue.js

vueutils工具专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种封装本地存储的方法，通过创建一个简单的storage.js文件来统一管理localStorage操作，包括设置、获取、删除及清空存储项，从而提高代码的可维护性和灵活性。

封装本地持久化方法

现在: localStorage用的好好地的,散落在各个逻辑页面里

隐患: 将来要编程sessionStorage,那又得挨个地方找,修改

解决: 封装本地持久化方法

文件utils下新建storage.js文件

const obj = {
  setItem (key, value) {
    localStorage.setItem(key, value)
  },
  getItem (key) {
    return localStorage.getItem(key)
  },
  removeItem (key) {
    localStorage.removeItem(key)
  },
  clear () {
    localStorage.clear()
  }
}

export default obj