Vuejs2 如何在Vuejs中有条件地显示数据

我必须显示api返回的数据或无数据消息。以下是我在Vuejs中的代码：

<div v-if="resp.length > 0">
    <div>data displayed here from api</data>
</div>
<div v-else>
    No Data
</div>

此处显示的数据来自api
没有数据

我尝试过的另一种方法是：

<div v-show="resp.length > 0">
    <div>data displayed here from api</data>
</div>
<div v-show="resp.length === 0">
    No Data
</div>

此处显示的数据来自api
没有数据

无论api是否返回数据，最初都会显示“无数据”。如果api返回数据，“无数据”将消失并显示实际数据。如果没有来自api的数据，“无数据”保持不变

---

Api数据正在beforeMount（）生命周期方法中加载。你知道怎么处理吗？感谢您的努力。

最初为isLoaded设置默认值false，加载api数据后将isLoaded的值更改为true

<div v-if="isLoaded">
 <div v-if="resp.length > 0">
    <div>data displayed here from api</data>
 </div>
 <div v-else>
    No Data
  </div>
</div>
<div v-else>
Loading
</div>

此处显示的数据来自api
没有数据
加载

最初为isLoaded设置默认值false，加载api数据后将isLoaded的值更改为true

<div v-if="isLoaded">
 <div v-if="resp.length > 0">
    <div>data displayed here from api</data>
 </div>
 <div v-else>
    No Data
  </div>
</div>
<div v-else>
Loading
</div>

此处显示的数据来自api
没有数据
加载