VUE跳转和登录验证保存问题

1、跳转

sumitlogin:function () {
    if(this.accesscode==='access'){
        localStorage.userid=this.userid;
        this.URL =this.userid;
        window.location.href = 'kq3.html'
     }
     else {
         this.passerr="AccessCode Err";
     }
}

2、本地验证数据保存
直接设置localStorage跟值

localStorage.userid=this.userid;

清除：

localStorage.clear();

3、方式二（有些浏览器div层屏蔽不支持）

sessionStorage.setItem('key', val);
sessionStorage.getItem('key')；
sessionStorage.removeItem('key');

4、解决方案：
login.html

   <div @click="naveTO">DIV跳转</div><br/>

methods: {
     naveTO:function(){//页面跳转
     console.log("DIV跳转");

      this.tmp = sessionStorage.getItem('userid');
      localStorage.userid= '877';
      localStorage.username='TT';
     window.location.href = 'main.html'

}

main.html

<DIV>
userid:{{userid}}<br/>
username:{{username}}
</DIV>

 mounted:function(){
            alert("m"+sessionStorage.getItem('userid'));
            if((sessionStorage.getItem('userid')==='')  || (sessionStorage.getItem('userid')==='null') || (sessionStorage.getItem('userid')===null)|| (sessionStorage.getItem('userid')==='undefined')|| (sessionStorage.userid ===undefined)){
                alert("o1:"+localStorage.userid);
                //检查localStorage

                if((localStorage.userid ==='')  || (localStorage.userid ==='null') || (localStorage.userid ===null) || (localStorage.userid ==='undefined')|| (localStorage.userid ===undefined)){
                    alert("跳转:");
                    window.location.href = 'index.htm';

                }else{
                    alert("赋值:");
                    sessionStorage.setItem('userid',localStorage.userid);
                    sessionStorage.setItem('username',localStorage.username);
                    localStorage.clear();


                }
            }


                alert("o4:");

                this.userid = sessionStorage.getItem('userid');
                this.username =sessionStorage.getItem('username');


        },