Vue JS:初始显示loader，收到响应后隐藏

<template>
  <div>
    <div v-if="isLoading" class="loader">Loading...</div>
    <div v-else>
      <!-- 响应内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: true
    };
  },
  // 其他组件代码...
};
</script>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      isLoading: true
    };
  },
  methods: {
    fetchData() {
      axios.get('https://example.com/api/data')
        .then(response => {
          // 处理响应数据
          this.isLoading = false; // 隐藏loader
        })
        .catch(error => {
          // 处理错误
        });
    }
  },
  // 其他组件代码...
};
</script>