vue change事件 延迟绑定

你可以使用 `v-model.lazy` 来延迟绑定 Vue 的 `change` 事件。这个修饰符会在输入框失去焦点或按下回车键时才触发数据绑定。这可以减少频繁的数据更新，提升性能。下面是一个示例：

<template>
  <div>
    <input v-model.lazy="message" type="text">
    <button @click="submit">Submit</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ''
    };
  },
  methods: {
    submit() {
      console.log(this.message);
    }
  }
};
</script>

在上面的示例中，输入框的值会在失去焦点或按下回车键后才绑定到 `message` 属性上。当点击提交按钮时，会打印出输入框的内容。这样可以避免在用户每次输入时都触发数据绑定和更新操作。