写一个vue3注册登录代码
时间: 2023-12-26 17:57:37 浏览: 26
好的,我可以帮您写一个简单的vue3注册登录代码。以下是代码示例:
```
<template>
<div>
<h2>用户注册</h2>
<form @submit.prevent="registerUser">
<label>
用户名:
<input type="text" v-model="userName">
</label>
<label>
密码:
<input type="password" v-model="password">
</label>
<button type="submit">注册</button>
</form>
<h2>用户登录</h2>
<form @submit.prevent="loginUser">
<label>
用户名:
<input type="text" v-model="userName">
</label>
<label>
密码:
<input type="password" v-model="password">
</label>
<button type="submit">登录</button>
</form>
</div>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const userName = ref('');
const password = ref('');
const registerUser = () => {
// 实现注册逻辑
console.log(`用户${userName.value}已注册,密码为${password.value}`);
};
const loginUser = () => {
// 实现登录逻辑
console.log(`用户${userName.value}已登录,密码为${password.value}`);
};
return {
userName,
password,
registerUser,
loginUser,
};
},
};
</script>
```
以上是一个简单的vue3注册登录代码示例,您可以根据实际需求进行修改和扩展。