正常情况下 button是带sumit的属性的
<script setup lang="ts">
import {reactive} from "vue";
let form = reactive({
name: "小曼",
age: 123,
});
let submit = () => {
console.log(form);
};
</script>
<template>
<div>
<form>
<input type="text" v-model="form.name">
<br>
<input type="text" v-model="form.age">
<br>
<button @click="submit">提交</button>
</form>
</div>
</template>
页面提交会导致刷新 从而打印不出来可以添加prevent 阻止提交