Пріоритет 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.
Стратегія міграції
Через неоднозначність синтаксису рекомендується уникати використання обох для одного елемента.
Натомість, щоби керувати цим на рівні шаблону, одним з методів досягнення цього є створення обчислюваної властивості, яка фільтрує список для видимих елементів.
Прапор збірки міграції: COMPILER_V_IF_V_FOR_PRECEDENCE