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-key
ao fazer umv-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