Vue是一種流行的JavaScript框架，非常適合用于構(gòu)建動(dòng)態(tài)Web應(yīng)用程序。在Vue中，元素的值可以通過(guò)使用v-model指令來(lái)輸入和響應(yīng)。

v-model指令將Vue表單元素的值和Vue實(shí)例數(shù)據(jù)之間創(chuàng)造了雙向綁定關(guān)系。這意味著當(dāng)用戶對(duì)輸入框進(jìn)行編輯或更改時(shí)，Vue組件的狀態(tài)會(huì)立即更新并反映更改。

下面，我們將展示如何使用input元素并在Vue中獲取和賦值它的值。

<template>
<div>
<input v-model="message" type="text">
<p>{{ message }}</p>
<button v-on:click="reset">重置</button>
</div>
</template>
<script>
export default {
data() {
return {
message: ""
}
},
methods: {
reset() {
this.message = "";
}
}
}
</script>

上面的示例代碼展示了如何在Vue組件中使用input元素。我們最初定義了一個(gè)data屬性：message，并將其初始化為空字符串。我們將v-model指令添加到input元素中，并使用message作為v-model的綁定屬性。

在Vue實(shí)例中，我們還定義了一個(gè)reset方法，該方法將message的值重置為初始狀態(tài)，即空字符串。我們?cè)谀０逯惺褂昧艘粋€(gè)button元素來(lái)調(diào)用reset方法。

在模板中，使用{{message}}綁定數(shù)據(jù)，可以顯示輸入的數(shù)據(jù)，并實(shí)時(shí)響應(yīng)任何更新。當(dāng)然，您還可以在Vue中使用其他類型的輸入元素，如textarea，select，radio或checkbox等。