vue写一个简单的登陆注册界面
时间: 2023-10-15 17:05:37 浏览: 49
好的,以下是一个简单的登陆注册界面的 Vue 代码示例:
```
<template>
<div>
<form>
<h2>登陆</h2>
<label for="username">用户名:</label>
<input type="text" id="username" v-model="loginUsername">
<label for="password">密码:</label>
<input type="password" id="password" v-model="loginPassword">
<button @click.prevent="login">登陆</button>
</form>
<form>
<h2>注册</h2>
<label for="username">用户名:</label>
<input type="text" id="username" v-model="registerUsername">
<label for="password">密码:</label>
<input type="password" id="password" v-model="registerPassword">
<button @click.prevent="register">注册</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
loginUsername: '',
loginPassword: '',
registerUsername: '',
registerPassword: ''
}
},
methods: {
login() {
// 登陆逻辑
},
register() {
// 注册逻辑
}
}
}
</script>
```
你可以根据你的实际需求来修改代码和样式。