vue之变量存储

vue之变量存储

​ webstorage是本地存储，存储在客户端，包括localStorage（生命周期永久）和sessionStorage（当前会话有效）。

​ 先判断客户的浏览器是否支持（隐私模式不支持）

方法1：通过localSorage或者sessionStorage的setItem方法

      if(!window.sessionStorage){
            return false;
          }else{
		//存储
            window.localStorage.setItem("loginUsername",this.dataForm.userName)
          }
  		// 获取：
   			this.dataForm.userName=window.localStorage.getItem('loginUsername')
        

方法2： 通过vue的cookie对象

//存储```
this.$cookie.set(‘token’, “abcdefg1234567”).
// 携带token的请求头
config.headers.accessToken = Vue.cookie.get(‘token’) //获取token