如何使用async/await编写.then函数，以便捕获来自axios的响应(在单独的文件和方法中，在vue中)

npm install axios

import axios from 'axios';

async function fetchData() {
  try {
    const response = await axios.get('https://api.example.com/data');
    // 在这里处理响应数据
    console.log(response.data);
  } catch (error) {
    // 在这里处理错误
    console.error(error);
  }
}

export default {
  methods: {
    async fetchData() {
      try {
        const response = await axios.get('https://api.example.com/data');
        // 在这里处理响应数据
        console.log(response.data);
      } catch (error) {
        // 在这里处理错误
        console.error(error);
      }
    }
  }
}

<template>
  <button @click="fetchData">发送请求</button>
</template>