Vue 关闭浏览器，清空localStorage

Vue 关闭浏览器时清空localStorage的数据，浏览器刷新时不会影响登录状态；复制地址，关闭浏览器后，再次打开浏览器输入复制的地址，跳转到登录界面

可以使用sessionStorage
LocalStore
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决Cookie空间小的问题（cookie大小：4KB， localStorage大小一般：5MB）。

sessionStorage
与localStorage 相似，主要是存储的生命周期不同。只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。

• 看下这篇博客，也许你就懂了，链接：vue 关闭浏览器窗口的时候，清空localStorage的数据
• 除此之外, 这篇博客: vue中localstorage的用法中的 父组件获取本地缓存 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• vue中获取本地缓存可以从created创建周期函数中进行获取，从beforeMount挂载之前周期函数中进行保存到data中。这样就可以渲染到页面中了。注意created中还没有vue实例，所以如果在此时进行给data中的数据赋值，会报错。

  created() {
        getChooseList = JSON.parse(localStorage.getItem('chooseList'));
        if (getChooseList.length > 0) {
          getChooseList = getChooseList;
        } else {
          getChooseList = [];
        }
  },
   beforeMount() {
        this.chooseList = getChooseList;
        console.log('挂载之前');
        console.log(this.chooseList)
  },
  

用sessionStorage