vue的回调函数写哪儿

在Vue中，回调函数可以写在组件的方法中或者作为props传递给子组件。下面是两种常见的写法：

1. 在组件的方法中定义回调函数：

export default {
  methods: {
    handleClick() {
      // 回调函数
      console.log("回调函数被调用");
    }
  }
}

2. 将回调函数作为props传递给子组件：

// 父组件
<template>
 <ChildComponent :callback="handleCallback" />
</template>

<script>
export default {
  methods: {
    handleCallback() {
      // 回调函数
      console.log("回调函数被调用");
    }
  }
}
</script>

// 子组件
<template>
  <button @click="callback">点击触发回调函数</button>
</template>

<script>
export default {
  props: ['callback']
}
</script>