Vue是一種流行的JavaScript框架，非常適合用于構建動態Web應用程序。在Vue中，元素的值可以通過使用v-model指令來輸入和響應。

v-model指令將Vue表單元素的值和Vue實例數據之間創造了雙向綁定關系。這意味著當用戶對輸入框進行編輯或更改時，Vue組件的狀態會立即更新并反映更改。

下面，我們將展示如何使用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元素。我們最初定義了一個data屬性：message，并將其初始化為空字符串。我們將v-model指令添加到input元素中，并使用message作為v-model的綁定屬性。

在Vue實例中，我們還定義了一個reset方法，該方法將message的值重置為初始狀態，即空字符串。我們在模板中使用了一個button元素來調用reset方法。

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