在Vue.js中，可以很方便地使用input元素。輸入框的內容變化時，可以使用v-model指令來獲取或設置輸入框的值。但是，有時候我們需要在輸入框內容變化時做一些額外的操作，比如實時更新計算結果、限制輸入的字符長度等等。這個時候我們就需要使用v-on指令來監聽input事件。

<template>
<div>
<input v-model="message" v-on:input="updateMessage">
<p>Message: {{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
},
methods: {
updateMessage(event) {
// 在這里對輸入框的值做一些處理
this.message = event.target.value.toUpperCase(); // 將輸入框的值轉化為大寫字母
}
}
}
</script>

上面的例子中，我們綁定了一個輸入框和一個message變量，然后使用v-on指令來監聽input事件，并調用updateMessage方法。這個方法接收一個事件對象event作為參數，然后在這個方法中對輸入框的值進行處理。這里我們將輸入框的值轉化為大寫字母，然后再將這個值賦給message變量。

除了處理輸入框的值之外，我們還可以在updateMessage方法中進行一些其他的操作。比如根據輸入的值實時更新計算結果，限制輸入的字符長度等等，都可以在這里實現。