vue中，input输入框，在值改变和失去焦点时，同时触发函数，怎么写，举例说明

在Vue中，如果你希望在`input`输入框的值发生变化以及输入框失去焦点时触发函数，你可以使用`v-model`进行双向数据绑定，并通过`v-on`监听`input`和`blur`事件来实现。下面是一个简单的例子：

<template>
  <div>
    <input
      type="text"
      v-model="inputValue"
      @input="handleInput"
      @blur="handleBlur"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '' // 输入框的初始值
    };
  },
  methods: {
    handleInput() {
      // 当输入框的值发生变化时触发的函数
      console.log('值改变时触发:', this.inputValue);
      // 在这里可以执行一些逻辑处理，比如验证等
    },
    handleBlur() {
      // 当输入框失去焦点时触发的函数
      console.log('失去焦点时触发:', this.inputValue);
      // 在这里也可以执行一些逻辑处理，比如提交数据等
    }
  }
};
</script>

在这个例子中：
- `v-model="inputValue"`用于将`input`元素的值与Vue实例的`inputValue`属性进行双向绑定。
- `@input="handleInput"`表示在输入框的值发生变化时（比如用户输入时），会调用`handleInput`方法。
- `@blur="handleBlur"`表示在输入框失去焦点时（即用户完成输入并离开输入框），会调用`handleBlur`方法。

通过这种方式，你可以同时处理输入时的逻辑和失去焦点时的逻辑。