# Изменён приоритет между v-if и v-for
кардинальное изменение
# Обзор
- КАРДИНАЛЬНОЕ ИЗМЕНЕНИЕ: При использовании на одном и том же элементе
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 на одном элементе приоритет у v-if.
# Стратегия миграции
Рекомендуется избегать использования обеих директив на одном элементе из-за неоднозначности синтаксиса.
Вместо управления на уровне шаблона, одним из способов решения будет создание вычисляемого свойства, которое отфильтровывает список отображаемых элементов.
Флаг сборки для миграции: COMPILER_V_IF_V_FOR_PRECEDENCE