默認就是在登錄頁面啊，

<template>
????<div>
????????<form?v-if="!Login">
????????????<div>
????????????????<h3>?歡迎登錄</h3>
????????????????登錄名:
????????????????<input?v-model="loginName"/>
????????????????密碼:
????????????????<input?v-model="password"/>
????????????</div>
????????????<div>
????????????????<button?@click="myLogin()">登錄</button>
????????????????<button?@click="reg()">注冊</button>
????????????</div>
????????</form>
????????<form?v-else>
????????????<div>
????????????????<h3>請輸入以下信息</h3>
????????????????登錄名:?<input?v-model="loginName">
????????????????密碼:?<input?v-model="password">
????????????????確認密碼:?<input?v-model="affirm">
????????????????<div>
????????????????????<button?@click="addUser()">確定</button>
????????????????????<button?@click="cancel()">取消</button>
????????????????</div>
????????????</div>
????????</form>
????</div>
</template>

<script>
????export?default?{
????????name:?'login',
????????data()?{
????????????return?{
????????????????Login:?false,
????????????????loginName:?'',
????????????????password:?'',
????????????????affirm:?''
????????????}
????????},
????????methods:?{
????????????myLogin:?function?()?{
????????????????if?(localStorage.getItem("loginName")?===?this.loginName?&&?localStorage.getItem("password")?===?this.password)?{
????????????????????this.$router.push('/home/list')
????????????????}?else?{
????????????????????alert("密碼用戶名錯誤!!")
????????????????}
????????????},
????????????reg:?function?()?{
????????????????this.Login?=?true
????????????},
????????????cancel:?function?()?{
????????????????this.Login?=?false
????????????},
????????????addUser:?function?()?{
????????????????if?(this.password?===?this.affirm?&&?this.password?!=?''?&&?this.affirm?!=?'')?{
????????????????????localStorage.setItem("loginName",?this.loginName),
????????????????????localStorage.setItem("password",?this.password),
????????????????????this.loginName?=?'',
????????????????????this.password?=?'',
????????????????????this.login?=?false
????????????????}?else?{
????????????????????alert("兩次密碼輸入不一致!!")
????????????????}
????????????}
????????}
????}
</script>

<style?scoped>

</style>

給一份完整的代碼