Appearance
Precedência de v-if
vs. v-for
rutura
Visão Geral
- RUTURA: Se usada sobre o mesmo elemento,
v-if
terá precedência superior do quev-for
Introdução
Duas das diretivas mais usadas comummente na Vue.js são a v-if
e v-for
. Então não é de surpreender de que exista um momento quando os programadores querem usar ambas em conjunto. Enquanto isto não é uma prática recomendada, podem existir momentos em que isto é necessário, então queríamos fornecer orientação de como isto funciona.
Sintaxe da 2.x
Na 2.x, quando usamos v-if
e v-for
sobre o mesmo elemento, v-for
receberia a prioridade.
Sintaxe da 3.x
Na 3.x, v-if
sempre terá precedência superior a v-for
.
Estratégia de Migração
É recomendado evitar usar ambos sobre o mesmo elemento devido à ambiguidade da sintaxe.
No lugar de lidar com isto no nível do modelo de marcação, um método de alcançar isto é criar uma propriedade computada que filtra uma lista para os elementos visíveis.
Opções da Construção de Migração: COMPILER_V_IF_V_FOR_PRECEDENCE