vue onchange事件的用法

Vue 中的 onchange 事件并不是一个标准的事件，而是针对表单元素中的数据绑定所提供的一个指令。该指令可以用于监听用户输入的变化并及时地更新数据。下面是 onchange 事件的使用方法：

1. 在模板中，将 v-model 指令绑定到需要监听的表单元素上，例如：

<input v-model="message">

2. 然后在该元素上使用 v-on:change 指令，以响应 onchange 事件。例如：

<input v-model="message" v-on:change="updateMessage">

3. 最后在 Vue 实例中定义 updateMessage 方法，该方法会在用户输入发生变化时被调用。例如：

new Vue({
el: '#app',
data: {
message: ''
},
methods: {
updateMessage: function() {
console.log(this.message);
}
}
});

需要注意的是，由于 onchange 事件只有在表单元素失去焦点时才会触发，因此可以使用 v-on:input 指令来实现即时更新数据。