Является ли хорошей практикой использование V-for внутри V-if в Vue. js?

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://vuejs.org/v2/style-guide/#Avoid -v-if-with-v-for-essential