使用Vue拿到表單中的數據并不難，只需要幾行代碼即可。這里提供兩種常用的方法：

1. 使用v-model雙向綁定

<template>
<form>
<input v-model="name" type="text" name="name">
<input v-model="email" type="email" name="email">
<button @click="submitForm">提交</button>
</form>
</template>
<script>
export default {
data() {
return {
name: '',
email: ''
}
},
methods: {
submitForm() {
const data = {
name: this.name,
email: this.email
}
// 處理表單數據
}
}
}
</script>

2. 使用ref

<template>
<form ref="form">
<input type="text" name="name">
<input type="email" name="email">
<button @click="submitForm">提交</button>
</form>
</template>
<script>
export default {
methods: {
submitForm() {
const form = this.$refs.form
const data = new FormData(form)
// 處理表單數據
}
}
}
</script>

第一種方法使用雙向綁定，將表單數據綁定到Vue實例的data中，通過submitForm方法獲取并處理。第二種方法使用ref來獲取form元素，再利用FormData將表單數據轉換為鍵值對格式的數據。