vue callback

Vue中的回调函数（callback）是指在特定事件触发后执行的函数。在Vue中，常见的回调函数包括以下几种：

1. 事件回调函数：在Vue组件中，可以通过`@`或`v-on`指令来监听DOM事件，并指定对应的回调函数。例如：

<button @click="handleClick">点击按钮</button>

export default {
  methods: {
    handleClick() {
      // 处理点击事件的回调函数
    }
  }
}

2. 异步操作回调函数：在Vue中，常常需要进行异步操作，例如异步请求数据或执行定时器等。可以通过Promise、async/await、回调函数等方式来处理异步操作的结果。例如：

export default {
  methods: {
    async fetchData() {
      try {
        const response = await axios.get('api/data');
        // 处理异步请求结果的回调函数
      } catch (error) {
        // 错误处理的回调函数
      }
    }
  }
}

3. 生命周期钩子函数：在Vue组件的生命周期中，会触发一系列的钩子函数，可以在这些钩子函数中定义回调函数来执行相应的逻辑。例如：

export default {
  created() {
    // 组件创建时执行的回调函数
  },
  mounted() {
    // 组件挂载到DOM后执行的回调函数
  },
  updated() {
    // 组件更新后执行的回调函数
  },
  destroyed() {
    // 组件销毁前执行的回调函数
  }
}

这些只是Vue中回调函数的一些常见用法，具体的使用方式还需要根据具体需求进行灵活运用。