vue的onblur

在Vue中，当一个元素失去焦点时，可以通过`@blur`来触发相应的事件处理函数。在Vue 2.0中，可以使用`@blur`指令来监听失去焦点事件，如下所示：

<template>
  <div>
    <input type="text" placeholder="请输入内容" @blur="blur"/>
  </div>
</template>

<script>
export default {
  name: "ComponentName",
  methods: {
    blur() {
      console.log("blur事件被执行");
    }
  }
}
</script>

在Vue 3.0中，也可以使用`@blur`指令来监听失去焦点事件，如下所示：

<template>
  <div>
    <input type="text" placeholder="请输入内容" @blur="blur"/>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  name: "ComponentName",
  setup() {
    const blur = () => {
      console.log("blur事件被执行");
    }

    return {
      blur
    }
  }
}
</script>