Распространение цикла на соседние блоки Vue.js?

Question

[vetsmen]

<div v-if="type == 0" v-for="item in items" class="item" key="item">
...
</div>
<div v-else class="cats item" key="cats">
...
</div>

Почему при смене type у меня блоки с ключем "cats" выводятся в цикле, который прописан в первом блоке? И факт в том, что я имею из него доступ к item.
Как сделать, чтобы этот цикл "item" не относился к "cats"?

Answer 1

[0xD34F]

Ну, очевидно, v-for имеет более высокий приоритет, вот и выполняется в обоих случаях.

Что делать? Добавьте элементу с v-for обёртку, в которую и перенесите v-if.

Answer 2

[Ербол Куандыков]

И поэтому в стайл-гайде рекомендуют избегать использования v-if с v-for.