在Vue中，獲取表單數據是很常見的操作?？梢酝ㄟ^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>

在上面的代碼中，我們先定義了兩個輸入框，然后通過v-model指令，將輸入框的值與Vue實例的數據綁定。當用戶點擊提交按鈕時，我們可以通過this.username和this.password獲取當前輸入框的值。

如果我們需要獲取表單元素之外的值，比如一個復選框的選中狀態，我們可以使用ref屬性來獲取該元素。

<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>

在這段代碼中，我們定義了一個復選框，并且給它設置了ref屬性。在方法中，我們通過this.$refs.agree.checked獲取該復選框的選中狀態。

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