写一个好看点的vue登录代码
时间: 2024-04-29 20:25:08 浏览: 6
很高兴为您解答这个问题!以下是一个示例的Vue登录代码,您可以根据需要进行自定义和修改:
```html
<template>
<div class="login-container">
<h1>Login</h1>
<form>
<div class="form-group">
<label for="email">Email</label>
<input v-model="email" type="email" id="email" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input v-model="password" type="password" id="password" required>
</div>
<button @click.prevent="submitForm">Login</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
email: '',
password: ''
}
},
methods: {
submitForm() {
// 这里编写您的登录逻辑
}
}
}
</script>
<style>
/* 这里可以自定义登录页面的样式 */
</style>
```
希望对您有所帮助!