<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
<!-- 9、双向数据绑定 -->
<input v-model="username" />{{username}}
<!-- 基本属性的响应式对象 -->
<input v-model="password" /> {{password}}
<button @click="refFun">提交</button>
</div>
<script>
const { createApp, ref, reactive } = Vue;
const username = ref('');
const password = ref('');
createApp({
setup() {
//写完函数也要去注册
function refFun() {
alert(username.value + password.value);
axios.post('http://192.168.5.220:8083/system/register', {
username: username.value,
password: password.value
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
}
return {
username,
password,
refFun,
}
}
}).mount('#app')
</script>
</body>
</html>
vue做登陆页面
于 2024-04-02 10:49:56 首次发布