Vue中的input事件是Vue中最基礎的事件之一。它用于監聽input輸入框的變化，以便在用戶輸入時觸發對應的邏輯，比如實時校驗輸入框中的內容、實時搜索、實時更新數據等。

<div id="app">
<input v-model="message" @input="onInput">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
onInput: function (event) {
console.log(event.target.value); // 打印出輸入框的值
}
}
})
</script>

從上面的代碼中可以看到，在Vue中監聽input事件非常簡單，只需要在input標簽中使用"@input"指令即可，然后在對應的methods中編寫處理函數。這個處理函數的參數即為原生的event對象，通過event.target.value可以獲取到輸入框中的值。

在Vue中使用v-model指令可以雙向綁定數據，從而實現實時更新數據的效果，簡化代碼邏輯。但是需要注意的是，使用v-model指令等價于監聽了input事件并更新了data中的對應值，需要根據實際需要選擇使用哪種方式。

除了上面所提到的，我們還可以使用另外一種方式來監聽input事件，Vue提供了"@change"指令。與"@input"相比，"@change"指令在用戶輸入完成后才會觸發，比如當用戶進行輸入時，輸入框的內容實時變化，但是當用戶將焦點從輸入框移開時，才會觸發"@change"指令。

<div id="app">
<input v-model="message" @change="onChange">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
onChange: function (event) {
console.log(event.target.value); // 打印出輸入框的值
}
}
})
</script>

除了監聽input事件以外，Vue還提供了一些其他的事件，如@click、@mouseover、@scroll等。這些指令和原生的DOM事件非常相似，可以很方便地實現頁面交互，提高用戶體驗。在使用時需要注意，Vue中使用的事件指令以"@"開頭，跟在DOM事件名稱之后。

總之，Vue中的input事件非常實用，能夠方便地實現實時更新數據、實時校驗等功能。在日常的開發過程中，我們需要根據實際需求合理使用這些事件，從而提高生產效率。