vue3登陆写到哪里?
时间: 2023-07-28 10:25:43 浏览: 33
Vue3 登录可以写在组件的 methods 中,例如:
```
<template>
<div>
<form>
<label for="username">Username:</label>
<input type="text" id="username" v-model="username">
<label for="password">Password:</label>
<input type="password" id="password" v-model="password">
<button @click.prevent="login">Login</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
login() {
// 发送登录请求
axios.post('/login', {
username: this.username,
password: this.password
}).then(response => {
// 登录成功操作
}).catch(error => {
// 登录失败操作
})
}
}
}
</script>
```
需要注意的是,这里使用了 axios 库来发送登录请求,需要先安装 axios。