Vue的@oninput事件是一個非常重要的事件，它主要用于響應用戶輸入，以便實時更新Vue組件中綁定的數據。

首先，讓我們看一下如何在Vue組件中使用@oninput事件：

<template>
<input v-model="message" @input="updateMessage">
</template>
<script>
export default {
data() {
return {
message: ''
}
},
methods: {
updateMessage(event) {
this.message = event.target.value;
}
}
}
</script>

在上面的代碼中，我們定義了一個data屬性message，它作為v-model的值綁定到了input元素上。同時，在input元素上我們使用了@input事件并指向了一個方法updateMessage。當用戶在輸入框中輸入任何字符時，Vue會自動觸發updateMessage方法，在該方法中我們將event.target.value的值賦給了message，這樣就實現了實時更新Vue組件中綁定的數據。

除了實時更新數據以外，@oninput事件還可以用于實現一些交互效果，比如根據輸入內容實時顯示搜索結果等等。這些交互效果也可以由Vue組件來實現。

總之，Vue的@oninput事件是一個非常好用的事件，它可以實現實時更新數據和一些交互效果。如果你在Vue中使用了v-model綁定，那么一定要使用@oninput事件來實現實時更新數據。