Vue中的input組件是我們經常使用的一個組件，它用于獲取用戶輸入的數據，然后傳遞給后臺進行處理。在Vue中，我們可以通過v-model指令來實現input組件的取值和賦值。

<template>
<div>
<input v-model="message">
<p>{{ message }}</p>
<button @click="getMessage">獲取輸入值</button>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
},
methods: {
getMessage() {
console.log(this.message)
}
}
}
</script>

上面的代碼中，我們定義了一個message屬性，它的初始值為空。然后在模板中，我們使用v-model指令將input組件和message屬性進行綁定，當用戶在input中輸入內容時，即可自動更新message的值。我們還在模板中使用了插值表達式，將message的值顯示在頁面上。

此外，我們還定義了一個獲取輸入值的方法getMessage，它使用console.log輸出message的值。在按鈕上使用@click指令，當用戶點擊按鈕時，即可調用getMessage方法獲取輸入值。

使用Vue的input組件取值十分方便，只需要通過v-model指令將組件和數據進行綁定即可。這種方式不僅簡單易用，還可以實現數據的雙向綁定，大大提高了開發效率。