如何等待数据加载后才能在Vue.js中正确显示此v-if条件？

data() {
  return {
    dataLoaded: false, // 数据加载状态
    // 其他数据
  }
},
created() {
  // 发起数据请求或加载数据的操作
  fetchData().then(() => {
    this.dataLoaded = true; // 数据加载完成
  });
}

<div v-if="dataLoaded">
  <!-- 根据数据加载状态来显示的内容 -->
</div>

data() {
  return {
    // 其他数据
  }
},
computed: {
  dataLoaded() {
    // 在计算属性中进行数据加载的操作
    // 返回数据加载完成的状态
    return fetchData().then(() => {
      return true; // 数据加载完成
    });
  }
}

<div v-if="dataLoaded">
  <!-- 根据数据加载状态来显示的内容 -->
</div>