Vue中怎么使用回调函数

在Vue中使用回调函数的方式有很多种，这里我提供一种常见的方式。首先，在组件中定义一个函数，该函数接收一个回调函数作为参数：

methods: {
  doSomething(callback) {
    // 这里是处理逻辑
    // 处理完后调用回调函数
    callback();
  }
}

然后，在模板中调用该函数时，将回调函数作为参数传入：

<template>
  <div>
    <button @click="doSomething(handleCallback)">点击我</button>
  </div>
</template>

<script>
export default {
  methods: {
    doSomething(callback) {
      // 这里是处理逻辑
      // 处理完后调用回调函数
      callback();
    },
    handleCallback() {
      console.log('回调函数被调用了！');
    }
  }
}
</script>

这样，当用户点击按钮时，会执行 `doSomething` 方法并将 `handleCallback` 函数作为参数传入，当 `doSomething` 方法处理完逻辑后，会自动调用传入的回调函数 `handleCallback`。