Desenvolvimento Web: O carregamento do Javascript ocorre após o carregamento do HTML, pois este contém o caminho para os arquivos JS ou sua declaração direta dentro da tag . Qual diretiva é utilizada (juntamente com uma regra de CSS) para evitar que partes do HTML que contenham variáveis do Vue pisquem antes de serem devidamente processadas pelo framework?
O carregamento do Javascript ocorre após o carregamento do HTML, pois este contém o caminho para os arquivos JS ou sua declaração direta dentro da tag . Qual diretiva é utilizada (juntamente com uma regra de CSS) para evitar que partes do HTML que contenham variáveis do Vue pisquem antes de serem devidamente processadas pelo framework?
A) v-cloak
B) v-hide
C) v-none
D) v-display
E) v-show
No Vue, pode ocorrer um “flash” (piscar) do conteúdo com as expressões do template (ex.: {{ mensagem }}) antes do framework terminar de compilar/montar a aplicação.
Para evitar esse efeito, usa-se a diretiva v-cloak no elemento (ou container) e uma regra de CSS que o oculte enquanto o Vue ainda não foi inicializado, por exemplo:
- No HTML:
v-cloak - No CSS:
[v-cloak] { display: none; }
Quando o Vue termina a compilação, ele remove o atributo v-cloak, e o conteúdo passa a aparecer já processado, sem “piscar”.
Alternativa correta: (A).