vue之简单的注册账号

用vue来实现一个小小的注册功能并且能够登录（在之前的文章中发表过登录的代码），不用路由的方式，用localStorage.setItem()和localStorage.getItem()的方式实现页面跳转的数据传递，下面贴js部分代码：

var login = new Vue({
		el:'.tb_login',
		data:{
			username1:[], //存储用户名数据
			password1:[], //存储密码数据
			username:'',
			password:'',
			index:0,
			show:false,
			show1:false,
			show2:false,
			phone:'', //input框中v-model的值，注册的手机号
			pass:'', //input框中v-model的值，注册的密码
			pass1:'' //input框中v-model的值，确认的密码
		},
		methods:{
			// 点击免费注册按钮，跳转至注册页
			regis:function(){
				window.location.href="register.html";
			},
			//点击登录按钮验证用户名和密码
			login:function(){
				//接收已存储的username1和password1并将其转换回数组格式
				var userName = JSON.parse(localStorage.getItem('this.username1'));
				var passWord = JSON.parse(localStorage.getItem('this.password1'));
				while(this.index!=userName.l