Exercicios Tema3-Vue_gabarito_

Prévia do material em texto

Questões
Exercicio
Vue Js
Você acertou 7 de 8 questões
Verifique o seu desempenho e continue treinando! Você pode refazer o exercício quantas vezes quiser.
Verificar Desempenho
A
B
C
D
1 Marcar para revisão
O Vue permite a junção de componentes para gerar componentes maiores e mais complexos. De que maneira um
componente pai passa um bloco HTML ou outros componentes de modo a preencher um espaço pré-definido em seu
componente filho (uma espécie de janela ou abertura)?
Através de eventos.
Através de props.
Através de classes CSS.
Através de slots.
E
A
Através de uma imagem.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
Os slots são utilizados no Vue para permitir a inserção de conteúdo HTML ou outros componentes em um espaço pré-
definido de um componente filho. Esses espaços, também conhecidos como janelas ou aberturas, são definidos no
componente filho, mas o conteúdo é fornecido pelo componente pai. Os slots podem ser genéricos, onde há apenas
um por componente, ou nomeados, que permitem a definição de vários espaços diferentes, cada um identificado por
um nome específico. Portanto, a alternativa correta é a opção D� "Através de slots".
2 Marcar para revisão
Funções são uma parte importante da programação, permitindo o isolamento de código e a reutilização de partes
importantes. Qual das alternativas abaixo representa o bloco dentro da nossa Vue instance adequado para colocarmos as
funções, também chamadas de métodos?
Na função data.
B
C
D
E
No objeto computed.
No objeto functions.
Na função return.
No objeto methods.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
Na estrutura de uma Vue instance, as funções, também conhecidas como métodos, são armazenadas no objeto
'methods'. Este objeto é responsável por armazenar todas as funções que serão acessíveis na Vue instance (ou
componente), dependendo de onde foi declarado. Portanto, a alternativa correta é a 'E', que indica o objeto 'methods'
como o local adequado para alocar as funções na Vue instance.
3 Marcar para revisão
De modo geral, todas as variáveis devem ser inicializadas com a atribuição de valores. Posteriormente, esses valores
podem ser exibidos através da utilização de palavras-chaves da linguagem. Qual diretiva pode ser utilizada para colocar o
A
B
C
D
E
podem ser exibidos através da utilização de palavras chaves da linguagem. Qual diretiva pode ser utilizada para colocar o
valor textual de uma variável como texto renderizado no HTML dentro de uma tag H1?
v-text
v-header
v-texto
v-model
v-class
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A diretiva v-text é a correta para essa situação. Ela tem a mesma função que a utilização de uma template string
(bigodes duplos), ou seja, insere o valor de uma variável como texto dentro do elemento HTML marcado. Nesse caso, a
tag H1 seria preenchida com o valor textual da variável, permitindo que o conteúdo seja renderizado corretamente na
página.
A
B
C
D
E
4 Marcar para revisão
Componentes são blocos de código reutilizáveis, que são usados para criar uma base de código modular e de fácil
manutenção. Qual alternativa abaixo contém os 3 blocos básicos de um Single File Component?
template, script, style
style, html, js
html, js, css
código, css, html
this, data, methods
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
Um Single File Component é estruturado em três blocos básicos: template, script e style. O bloco template é onde
A
B
C
D
E
inserimos nosso HTML, o bloco script é onde definimos o código JavaScript de maneira isolada e o bloco style é onde
estabelecemos os estilos �CSS� que serão aplicados ao componente. Essa estruturação permite uma organização
eficiente do código, facilitando sua manutenção e reutilização. Portanto, a alternativa correta é a "A", que apresenta
exatamente esses três blocos.
5 Marcar para revisão
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?
v-cloak
v-hide
v-none
v-display
v-show
A
B
C
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A diretiva correta para evitar o efeito de "piscada" de elementos HTML que ainda não foram processados pelo Vue é a
v-cloak. Essa diretiva é utilizada em conjunto com uma regra CSS específica, [v-cloak]{ display: none;}, que oculta os
elementos até que o Vue.js tenha terminado de compilar o template. Dessa forma, o usuário não vê nenhum conteúdo
não processado ou parcialmente processado na tela. As outras opções listadas não são diretivas válidas para essa
finalidade no Vue.js.
6 Marcar para revisão
Vue.js é um framework JavaScript leve, de rápida assimilação para os iniciantes e amplamente utilizado no mercado
mundial. Com relação ao framework Vue, qual entidade/empresa é responsável pela sua manutenção?
Google.
Facebook.
Twitter.
D
E
Meta.
A comunidade.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
O Vue.js é um projeto de código aberto, o que significa que não é mantido por uma única empresa ou entidade, mas
sim pela comunidade de desenvolvedores que contribuem para o seu desenvolvimento e manutenção. Portanto, a
alternativa correta é "A comunidade". Diferentemente de outros frameworks populares, como o Angular, que é mantido
pelo Google, ou o React, que é mantido pelo Facebook, o Vue.js não tem uma "big tech" por trás de sua manutenção.
Isso significa que as decisões sobre o futuro do framework são tomadas coletivamente pela comunidade de
desenvolvedores que o utilizam e contribuem para o seu desenvolvimento.
7 Marcar para revisão
Um desenvolvedor, ao trabalhar com o componente de lista de cidades, não obteve sucesso ao utilizar o componente filho
CardCidade.vue, veja abaixo o código construído por ele. Qual das alternativas apresenta o motivo pelo qual a página não
funcionou corretamente?
A
B
C
D
E
Ele esqueceu de importar o arquivo.
Ele não passou as props necessárias.
Ele não utilizou o componente no HTML.
Ele não registrou o componente.
Ele não definiu o método corretamente.
Resposta incorreta
Opa! A alternativa correta é a letra D. Confira o gabarito comentado!
Gabarito Comentado
Ao trabalharmos com componentes filhos devemos: Importar o arquivo necessário, registrar o componente dentro do
A
B
C
D
E
bloco script (o que o programador em questão não fez) e utilizar o componente no HTML.
8 Marcar para revisão
Montar a instância no HTML é uma tarefa relativamente simples. O que deve ser passado dentro do método mount ao criar
uma Vue instance, após importar o arquivo do Vue JS?
O nome de uma div.
O id de uma div.
Um id relativo à div onde queremos montar aquela instância.
Um seletor CSS relativo ao elemento raiz onde queremos montar aquela instância.
A classe da div onde queremos montar a instância do Vue.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
Na criação de uma instância Vue, o método mount requer um seletor CSS que aponte para o elemento raiz onde a
instância será montada. Este seletor não precisa necessariamente ser um id, embora seja recomendado que seja um
identificador único para evitar conflitos. Portanto, não é obrigatório que o elemento seja uma div ou que o seletor seja
um id ou uma classe específica.