vue商城登录注册页面代码
时间: 2023-11-20 16:48:27 浏览: 21
以下是一个简单的Vue商城登录注册页面的代码示例:
Login.vue
```
<template>
<div>
<h2>Login</h2>
<input type="text" v-model="username" placeholder="Username">
<input type="password" v-model="password" placeholder="Password">
<button @click="login">Login</button>
<p>Don't have an account? <router-link to="/register">Register</router-link></p>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
login() {
// 登录逻辑
}
}
}
</script>
```
Register.vue
```
<template>
<div>
<h2>Register</h2>
<input type="text" v-model="username" placeholder="Username">
<input type="password" v-model="password" placeholder="Password">
<button @click="register">Register</button>
<p>Already have an account? <router-link to="/login">Login</router-link></p>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
register() {
// 注册逻辑
}
}
}
</script>
```
Homepage.vue
```
<template>
<div>
<h2>Homepage</h2>
<button @click="logout">Logout</button>
</div>
</template>
<script>
export default {
methods: {
logout() {
// 退出登录逻辑
}
}
}
</script>
```