在 Vue 項目中，我們經(jīng)常需要在表單中監(jiān)聽用戶輸入并對輸入進(jìn)行處理。為此，Vue 提供了 input 事件，可以通過 v-on 指令將事件綁定到對應(yīng)的方法中，從而實現(xiàn)輸入處理的邏輯。

下面是一個簡單的示例代碼，演示了如何監(jiān)聽 input 事件并獲取用戶輸入的值：

<template>
<div>
<label>輸入內(nèi)容：</label>
<input type="text" v-model="inputValue" v-on:input="handleInput">
<p>輸入的內(nèi)容是：{{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput(event) {
this.inputValue = event.target.value
}
}
}
</script>

在上面的代碼中，我們定義了一個輸入框和一個數(shù)據(jù)綁定的 inputValue。當(dāng)用戶輸入內(nèi)容時，會觸發(fā) input 事件，調(diào)用 handleInput 方法，并將輸入框中的值作為參數(shù)傳遞過來。在方法中，將輸入框的值賦值給 inputValue，這樣 inputValue 的值就隨著用戶輸入而實時更新了。

除了獲取用戶輸入的值以外，我們還可以在 input 事件中實現(xiàn)一些其他的邏輯操作，比如格式化輸入、校驗輸入的合法性等等。這些邏輯的實現(xiàn)方式與上面的代碼類似，只需要在 handleInput 方法中添加相應(yīng)的代碼即可。