vue中change事件和input事件的区别

在 Vue 中，`input` 和 `change` 都是 HTML 元素的事件，它们的区别在于触发时机和触发条件不同。

`input` 事件在输入框的值发生改变时触发，包括用户输入、复制粘贴、拖拽等操作。即只要 input 的值发生变化就会触发 `input` 事件。`input` 事件通常用于实时响应用户的输入操作，实现实时的双向数据绑定。

`change` 事件在输入框的值发生改变并且失去焦点时触发，即用户完成输入并将焦点从输入框中移开时触发。`change` 事件通常用于监听用户在输入框中输入完毕并提交表单的操作。

在表单元素上监听 `input` 事件，可以实现实时的双向数据绑定，而监听 `change` 事件则需要等待用户提交表单才能更新数据。如果需要实现实时响应用户输入的需求，建议使用 `input` 事件。如果需要监听用户提交表单的操作，建议使用 `change` 事件。