Vue本地存储方式

 

1.浏览器的本地储存方式有三种

localStorage       sessionStorage     cookie

相同点：都是可以储存数据，并且储存只可以跟着当前的域名在，也就是在其它的域名获取不到

不同点：localStorage和sessionStorage储存的大小一般是5M左右，

          而cookie的储存的大小一般是4kb左右

        localStorage是永久储存，关闭浏览器也不会销毁

        sessionStorage 不是永久储存，关闭当前会话就会销毁

        cookie--可以设置过期时间，如果不设置在会话关闭时会自动失效，而不会销毁，一般用于用户的账号登录

2.本地储存方式

1.localStorage：

        localStorage.setItem("储存的名字"，储存的数据)

        如果储存对象或者储存数组需要用JSON.stringify来转换一下

        localStorage.setItem("储存的名字"，（{属性：属性值}）)

        从本地取出来用 localStorage.getItem("储存的名字")

2.sessionStorage

      储存方法：  sessionStorage.setItem("储存的名字",储存的数据)

      取出方法：  sessionStorage.getItem("储存的名字")

3.cookie

这个一般是后台往前端种下的，看用户是否登录，如果登陆了后台就会自动生成一个cookie,用户在一定时间不点击了就会自动失效，这个时候就需要用户在重新登录