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

Elements in iteration expect to have 'v-bind:key' directives.

Possuo o Vue.js Extension Pack instalado no VS Code e quando digito o comando <li v-for="foto of fotos">, o VS Code me lança a seguinte exceção:

[eslint-plugin-vue] [vue/require-v-for-key]
Elements in iteration expect to have 'v-bind:key' directives.

Pesquisando rapidamente sobre o erro, descobri que a partir da versão 2.2.0+ do Vue.js, ao usarmos a dretiva v-for, agora é necessária adicionarmos uma chave não sei por qual razão. Lendo sobre o assunto me surgiram algumas perguntas:

  • Que chave é essa?
  • Ela é gerada automaticamente?
  • Sempre tenho que adicionar um v-keyao fazer um v-for?
  • Por que esse erro só aparece no editor, mas no console do navegador não acusa nada?
  • Li na documentação e lá fala algo sobre não poder existir duas chaves repetidas... Você poderia falar um pouco sobre o assunto?

Desde já, agradeço

1 resposta
solução!

Bom dia! Você aprenderá sobre isso no segundo curso de Vue. Segue o link para você já saber do que se trata

https://cursos.alura.com.br/course/vue-parte2/task/25436

O que o seu plugin esta fazendo é te obrigado a colocar a chave, só isso. Foi decisão de quem criou o plugin in.

Sucesso e bom estudo!