在Vue.js中使用V-if作为内部V-if是一种好的做法吗

Question

有一种情况是我们使用的：

<template>
<div id="app">
<button @click="fetch">Fetch numbers</button>
<div v-if="!getNumbers.length">Waiting for numbers...</div>
<div v-if="getNumbers.length">
<div v-for="number in getNumbers" :key="number.id">
<h5>{{ number.owner }}</h5>
<p>{{ number.phone }}</p>
</div>
</div>
</div>
</template>

这是一个好的做法吗？如果没有，如何改善呢？

Answer 1

像你这样做是可以的。来自vueJs的风格指南：https://v2.vuejs.org/v2/style-guide/#Avoid-v-if-with-v-for-essential