vue.js登录注册页面代码
时间: 2023-09-03 09:15:52 浏览: 43
抱歉,我是一个AI语言模型,我无法提供完整的vue.js登录注册页面代码。不过,以下是一个简单的示例,希望能够帮到你:
```
<template>
<div>
<h1>登录</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" v-model="username" />
<br />
<label for="password">密码:</label>
<input type="password" id="password" v-model="password" />
<br />
<button type="submit" v-on:click.prevent="login">登录</button>
</form>
<hr />
<h1>注册</h1>
<form>
<label for="newUsername">用户名:</label>
<input type="text" id="newUsername" v-model="newUsername" />
<br />
<label for="newPassword">密码:</label>
<input type="password" id="newPassword" v-model="newPassword" />
<br />
<button type="submit" v-on:click.prevent="register">注册</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
username: "",
password: "",
newUsername: "",
newPassword: "",
};
},
methods: {
login() {
// 处理登录逻辑
console.log("登录:" + this.username + ",密码:" + this.password);
},
register() {
// 处理注册逻辑
console.log("注册:" + this.newUsername + ",密码:" + this.newPassword);
},
},
};
</script>
```
注意:这只是一个简单的示例,实际项目中需要根据需求进行修改和完善。