Vue的input元素是用于收集用戶數(shù)據(jù)的常見表單控件之一。通過使用v-model屬性來綁定input元素，可以使輸入的數(shù)據(jù)被實時綁定到Vue組件數(shù)據(jù)中。

以下是一個示例，展示如何在Vue中綁定input元素的值。

<template>
<div>
<input v-model="message" />
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
}
}
</script>

在上面的示例中，v-model屬性綁定了message數(shù)據(jù)，并將用戶輸入的值實時傳遞給message數(shù)據(jù)。因此，每當(dāng)用戶在輸入框中輸入或刪除文本時，{{ message }}綁定的p元素都會實時更新。

可以使用input元素的value屬性訪問輸入框中的當(dāng)前值。例如，在以下示例中，使用方法來訪問input的值：

<template>
<div>
<input ref="myInput" />
<button @click="getValue">獲取值</button>
</div>
</template>
<script>
export default {
methods: {
getValue() {
console.log(this.$refs.myInput.value);
}
}
}
</script>

在上面的示例中，使用了一個與input元素綁定的“引用”屬性（即，ref）。然后，在點擊按鈕時，getValue方法被執(zhí)行，并獲取input元素的值并將其記錄到控制臺中。

以上是Vue中關(guān)于input元素取值的基本內(nèi)容。通過簡單的綁定和引用，可以輕松地將用戶輸入的數(shù)據(jù)保存在Vue組件數(shù)據(jù)中。此外，可以利用value屬性來獲取當(dāng)前輸入框的值并進行處理。