v-for em Vue.js

O que a diretiva `v-for` faz no Vue.js?

• Cria um novo componente

• Itera sobre uma lista ou objeto

• Define uma propriedade reativa

• Estiliza um elemento

Qual é a sintaxe básica do `v-for` para iterar sobre uma lista chamada `items`?

• `v-for="item in items"`

• `v-for="items in item"`

• `v-for="item of items"`

• `v-for="items of item"`

Como você pode exibir o índice de cada item ao iterar com `v-for`?

• `v-for="(item, index) in items" :key="index"`

• `v-for="index in items"`

• `v-for="item, index of items"`

• `v-for="(index, item) in items"`

Qual é a importância de usar a propriedade `key` ao iterar com `v-for`?

• Para estilizar os elementos

• Para melhorar o desempenho e rastrear elementos

• Para definir propriedades reativas

• Para criar novos componentes

Qual é a sintaxe correta para definir uma chave única em um elemento iterado?

• `:key="item.id"`

• `key="item.id"`

• `v-key="item.id"`

• `:v-key="item.id"`

O que acontece se você não definir uma chave ao usar `v-for`?

• O Vue.js não renderiza a lista

• Pode haver problemas de desempenho e renderização incorreta

• A lista é renderizada duas vezes

• Nada acontece, funciona normalmente

Como você pode exibir dados de uma lista chamada `frutas` usando `v-for`?

v-for="(fruta, index) in frutas" v-bind:key="index"

....

frutas = ["Mamão","Abacate","Melancia"]

• `

  • {{ fruta }}

  `

• `

  • {{ fruta.nome }}

  `

• `

  • {{ nome.fruta }}

  `

• `

  • {{ fruta.index }}

  `

Qual diretiva você usaria para renderização condicional em Vue.js?

• `v-show`

• `v-if`

• `v-bind`

• `v-on`

Como você pode combinar `v-for` e `v-if` para filtrar itens de uma lista?

• v-for="item in itens" :key="index" v-if="condicao"

• v-for="itens in itens" :key="index" v-if="condicao"

• v-for="item in itens" :key="index"

  v-if="condicao"

• v-if="condicao" v-for="item in itens" :key="index"

Qual é a melhor prática ao usar `v-for` e `v-if` juntos?

• Sempre usar `v-if` dentro de `v-for`

• Usar `v-if` fora de `v-for` quando possível

• Nunca usar `v-if` com `v-for`

• Usar `v-if` apenas para estilizar