Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Pequeno problema com o v-for

Ao usar <li v-for="foto of fotos"> me apresenta o seguinte erro: https://prnt.sc/i6jxar

O código ainda funciona, mas essa linha vermelha de erro incomoda um pouco kkkk, procurei por uma solução e o que encontrei foi o seguinte: <li v-for='(foto, i) of fotos' :key='i' >

Ao usar o código dessa forma, não obtive mais a linha vermelha de erro e o código continua funcionando, porém como tenho pouco conhecimento de Vue, gostaria de saber se essa forma que encontrei para solucionar o problema está correta e se os desenvolvedores Vue.js costumam utiliza-lá.

1 resposta
solução!

Ei, Daniel, tudo bem?

Seguinte, eu não me preocuparia com o key dentro do V-for por ele ser opcional.

O para usar num data property do HTML que vai dar a este array um ID único. É bom pra quando você precisa buscar uma linha dentro do resultado que você vai obter.

Na documentação, no link https://br.vuejs.org/v2/guide/list.html#key eles comentam um pouco sobre o key, mais especificamente no parágrafo que falam:

```De fato, é recomendado oferecer um key para v-for sempre que possível, a menos que esteja iterando conteúdo DOM simples, ou esteja intencionalmente se apoiando no comportamento padrão para ganho de desempenho.

Por ser um mecanismo genérico do Vue para identificar nós, key também tem outras utilidades não especificamente associadas ao v-for, como veremos futuramente neste guia.```

Então se estiver trabalhando com valores simples, você não tem que necessariamente dar esse parâmetro pra ele, entretanto é recomendável caso você vá reutilizar essa lista em algum outro lugar.

Ele vem também com uma perda quase irrisória de performance, mas que deve ser notada, já que pra cada nó, ele vai oferecer um ID único gerado na hora da renderização

Em suma, fica mais a seu critério, entretanto uma boa lida nessa parte da documentação deve iluminar seu caminho