试图通过按一个按钮(使用axios)在Vue.js中获得一个简单的get响应，这不起作用

npm install axios

import axios from 'axios';

data() {
  return {
    responseData: null
  }
}

methods: {
  fetchData() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.responseData = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
}

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