如何通过VUE结合localStorage和sessionStorage实现登录功能示例？

本文共计1359个文字，预计阅读时间需要6分钟。

目录+正文+localStorage操作+三者区别+登录实例：+Router.js+正文+今日日志记录下VUE登录的血泪史（VUE2）。+当时也不知道是想要的，“

目录

• 正文
• localstroage就是一个加强版的COOKIE。
• 三者的异同
• localStorage和sessionStorage操作
• 登录实例：
• Router.js

正文

今天这篇日志记录下做VUE登录的血泪史（VUE2）。

当时也不知道是咋想的，就认为php给VUE提供接口，可能session就不起作用了（现在的登录是用SESSION做的）。

可是登录需要做呀，用什么存储登录的用户信息呢。最开始我还真想过用COOKIE，但是安全性得不到保证，因为在每次HTTP请求的时候，都会把cookie中存储的数据携带在请求中。其实localstroage也不见得安全到那里去，可是总觉得新东西能好一点。

localstroage就是一个加强版的COOKIE。

localstroage与sessionstroage是HTML5的新属性。使用的相对方便。浏览器支持也做的很好。

这里着重说一下IE，官方给的说法是IE8及以上的浏览器支持。

但是网上大多数的说法是IE8本身是不支持的，只有到了IE9才支持。

这个我没试，IE浏览器我早早的就放弃了。有兴趣，可以试一试。