vue 利用localstorage缓存data里的数据,提供一下具体代码

vue 利用localstorage缓存data里的数据,提供一下具体代码

vue使用localStorage缓存数据_baidu_21349635的专栏-CSDN博客 文章目录封装localStoragecrud的页面封装localStoragestore.jsconst STORAGE_KEY = 'tddos-vuejs'export default { fetch: function () { return JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]') }, save:function (items) { window.localStorage.setIt https://blog.csdn.net/baidu_21349635/article/details/109089661

https://www.cnblogs.com/houzheng/p/9067110.html


<script>
    //假设  你的data  是请求过来的数据
    var data = {
      code: 200,
      mes: {
        userdata: {
          username: "ha",
          usersex: "男",
          userage: "30"
        }
      }
    }
    /****前提***/
    //利用 浏览器提供的 sessionStorage  存储数据
    //注意sessionStorage  这个玩意只能存储 字符串  是没办法存储对象的
    //所以你需要进行 字符串的转换 json
    /******/
    var usermes = JSON.stringify(data)
    //此时  usermes 就是对象形式的字符串
    sessionStorage.setItem("userinfo", usermes)
    /***取***/
    var userStr = sessionStorage.getItem("userinfo")
    var userObj = JSON.parse(userStr)
    //此时userObj 是一个对象
  </script>