在Vue中，獲取表單數(shù)據(jù)是很常見(jiàn)的操作?？梢酝ㄟ^(guò)v-model指令或者ref屬性，獲取表單元素的值。

<template>
<div>
<input type="text" v-model="username">
<input type="password" v-model="password">
<button @click="submitForm">提交</button>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
submitForm() {
console.log(this.username, this.password);
}
}
}
</script>

在上面的代碼中，我們先定義了兩個(gè)輸入框，然后通過(guò)v-model指令，將輸入框的值與Vue實(shí)例的數(shù)據(jù)綁定。當(dāng)用戶點(diǎn)擊提交按鈕時(shí)，我們可以通過(guò)this.username和this.password獲取當(dāng)前輸入框的值。

如果我們需要獲取表單元素之外的值，比如一個(gè)復(fù)選框的選中狀態(tài)，我們可以使用ref屬性來(lái)獲取該元素。

<template>
<div>
<input type="checkbox" ref="agree">
<button @click="submitForm">提交</button>
</div>
</template>
<script>
export default {
methods: {
submitForm() {
console.log(this.$refs.agree.checked);
}
}
}
</script>

在這段代碼中，我們定義了一個(gè)復(fù)選框，并且給它設(shè)置了ref屬性。在方法中，我們通過(guò)this.$refs.agree.checked獲取該復(fù)選框的選中狀態(tài)。

在Vue中獲取表單數(shù)據(jù)是非常簡(jiǎn)單的操作，只需要使用v-model指令或者ref屬性即可。這種方式比傳統(tǒng)的操作DOM元素更加方便，也更符合Vue的思想。