如何在加载组件时停止检索数据

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      shouldFetchData: true, // 标志位，控制是否继续检索数据
      data: [] // 存储检索到的数据
    };
  },
  created() {
    // 在组件创建时开始检索数据
    this.fetchData();
  },
  methods: {
    fetchData() {
      if (this.shouldFetchData) {
        // 执行数据检索的逻辑
        // ...
        // 检索到的数据赋值给data属性
        this.data = [...];
      }
    }
  }
};
</script>