在Vue 3中如何在Axios请求的.then中使用$emit

import axios from 'axios';
import { reactive } from 'vue';

methods: {
  fetchData() {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 处理响应数据
        this.$emit('data-received', response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }
}

<template>
  <div>
    <button @click="fetchData">获取数据</button>
    <p v-if="data">{{ data }}</p>
  </div>
</template>

setup() {
  const data = reactive({
    data: null
  });

  return {
    data
  };
}