vue.js写多账号登录、注册、登录成功页面（注册）

因为是刚接触前端，只会写单页面，所以分三个单页面实现，三个页面之间用window.location.href=“ ”实现跳转。先写注册页面，下一篇写登录，最后写登录成功。

我是直接引用的官网地址做的（<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>），没有下。

---

页面效果如下图：

---

提示信息如下图：

---

**下面准备开始做了（这是手动分界线~）**

注册页面的html部分：

<div id="app">
	<div id="successful">
		<h3 style="text-align: center;margin-top: 80px;margin-bottom: 40px;">注册成功，快去登录吧!</h3>
		<button id="btn" @click="close" >取消</button>
		<button @click="login" id="btn">登录</button>
	</div>
	<div class ="now_login">我已注册，现在就<button class="btd_login" @click="login">登录</button></div>
	<div id="app1">
		<label>用户名</label><input type="text" placeholder="请设置用户名"  v-model="userInfo.user" class="input" @blur="a"><br>
		<span class="tiShi">{
  { tiShi.tishi1 }}</span><br>
		<label>设置密码</label><input type="password