无法在data() vue中写入api方法

export default {
  data() {
    return {
      // 定义组件的初始数据
      message: ''
    }
  },
  methods: {
    // 定义API方法
    fetchData() {
      // 调用API方法获取数据
      // 示例中使用axios库发送HTTP请求
      axios.get('/api/data')
        .then(response => {
          this.message = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

<template>
  <div>
    <button @click="fetchData">获取数据</button>
    <p>{{ message }}</p>
  </div>
</template>