# Por que um projeto Vue usa o Vite para abrir um arquivo .vue? - [ ] Porque o VS Code só salva a página se o Vite estiver ligado - [X] Porque o Vite traduz o arquivo .vue para HTML, CSS e JavaScript - [ ] Porque o navegador recusa qualquer arquivo escrito em JavaScript - [ ] Porque a extensão Vue - Official substitui o navegador > Dica: slide 2 # Qual comando deixa a página no ar e atualiza a tela quando você salva? - [ ] `npm create vue@latest` - [ ] `npm install` - [X] `npm run dev` - [ ] `node -v` > Dica: slide 6 # Quais são os três blocos de um arquivo .vue? - [ ] `header`, `main` e `footer` - [ ] `data`, `methods` e `mounted` - [X] `template`, `script` e `style` - [ ] `props`, `emit` e `ref` > Dica: slide 9 # Para que serve o atributo scoped no bloco style? - [ ] Para esconder o componente até o primeiro clique - [ ] Para obrigar o pai a enviar uma prop - [X] Para o CSS valer neste componente - [ ] Para publicar o projeto na internet > Dica: slide 12 # O que é um componente no Vue? - [ ] O comando que cria a pasta do projeto - [X] Um trecho reutilizável da interface, gravado em um arquivo .vue - [ ] Um evento que o filho envia ao pai - [ ] A versão do Node.js exigida pelo Vue > Dica: slide 8 # Qual é o papel de uma prop? - [ ] Avisar o pai de que um botão foi clicado - [ ] Guardar o CSS do componente - [X] Levar um dado do componente pai para o componente filho - [ ] Ligar o servidor de desenvolvimento > Dica: slide 14 # O que a tela recebe em `:nome="aluno"`? - [ ] A palavra aluno, exatamente como está escrita entre aspas - [X] O valor atual da variável aluno - [ ] Um evento chamado aluno - [ ] O arquivo aluno.vue > Dica: slide 16 # No script, como se lê o texto guardado em `const aluno = ref('Ana')`? - [ ] `aluno` - [X] `aluno.value` - [ ] `ref.aluno` - [ ] `props.aluno` > Dica: slide 17 # O que a função emit faz? - [ ] Declara uma prop obrigatória - [ ] Importa um arquivo .vue do pai - [X] Dispara um evento para o componente pai - [ ] Atualiza o CSS com scoped > Dica: slide 20 # Como o pai escuta o evento cumprimentou do filho? - [ ] Com `defineProps({ cumprimentou: true })` no filho - [ ] Com `v-model="cumprimentou"` dentro do botão - [X] Com `@cumprimentou` na tag do filho, no template do pai - [ ] Com `npm run dev` no terminal > Dica: slide 21 # Qual frase descreve o caminho dos dados entre pai e filho? - [ ] O filho escreve direto nas variáveis do pai - [ ] Eventos descem e props sobem - [X] Props descem, do pai para o filho, e eventos sobem, do filho para o pai - [ ] Props e eventos só funcionam dentro do mesmo arquivo > Dica: slide 23