# Изменён приоритет между v-if и v-for
breaking
# Обзор
- КАРДИНАЛЬНОЕ ИЗМЕНЕНИЕ: При использовании на одном и том же элементе
v-if
будет иметь больший приоритет, чемv-for
# Введение
Две самые часто используемые директивы во Vue.js — v-if
и v-for
. Неудивительно, что наступит случай, когда потребуется использовать вместе обе директивы. Несмотря на то, что одновременное использование не является хорошей практикой, иногда это может быть необходимым, поэтому разберём подробнее как это работает.
# Синтаксис в 2.x
В версии 2.x, при использовании v-if
и v-for
на одном элементе, v-for
приоритетнее.
# Что изменилось в 3.x
В версии 3.x, v-if
всегда будет приоритетнее v-for
.
# Стратегия миграции
Рекомендуется избегать использования обеих директив на одном элементе из-за неоднозначности синтаксиса.
Вместо управления на уровне шаблона, одним из способов решения будет создание вычисляемого свойства, которое отфильтровывает список отображаемых элементов.