在Vue中，我們經常會使用change事件來監聽表單元素的值的變化，并且隨之改變其他相關的數據或觸發其他的操作。

對于一些簡單的表單元素比如input、select等，我們可以直接通過v-model來綁定數據，而無需手動監聽change事件。但是，當我們需要對表單元素的值進行一些特殊的操作時，就需要手動監聽change事件了。

<template>
<div>
<input type="text" v-model="value" @change="handleChange">
</div>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
handleChange(event) {
console.log('輸入框的值發生了改變，新的值為：', event.target.value)
}
}
}
</script>

在上面的代碼中，我們通過@change來監聽輸入框的值變化，并且在handleChange方法中打印出了新的值。

除了input元素外，select和textarea等表單元素也可以通過類似的方式來監聽change事件。需要注意的是，checkbox和radio的change事件不同于其他表單元素，它們的事件對象中包含一個target.checked屬性，表示復選框或單選框的選中狀態。