Desempenho no Exercício Vue Js

Prévia do material em texto

Você acertou 5 de 8 questões
Verifique o seu desempenho e continue treinando! Você pode refazer o exercício quantas
vezes quiser.
Verificar Desempenho
1 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?
Questão 1 de 8
Corretas �5�
Incorretas �3�
Em branco �0�
1 2 3 4 5
6 7 8
Exercicio Vue Js Sair
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 1/12
A
B
C
D
E
v-cloak
v-hide
v-none
v-display
v-show
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.
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 2/12
A
B
C
D
E
2 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.
Através de uma imagem.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 3/12
A
B
C
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".
3 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.
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 4/12
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.
4 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?
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 5/12
A
B
C
D
E
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 incorreta
Opa! A alternativa correta é a letra D. 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.
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 6/12
A
B
C
D
E
5 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 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
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 7/12
A
B
C
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.
6 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
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 8/12
D
E
código, css, html
this, data, methods
Resposta incorreta
Opa! A alternativa correta é a letra A. 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 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.
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?
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 9/12
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 correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 10/12
A
B
C
Gabarito Comentado
Ao trabalharmos com componentes filhos devemos: Importar o arquivo necessário,
registrar o componente dentro do bloco script (o que o programador em questão não
fez) e utilizar o componente no HTML.
8 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.
No objeto computed.
No objeto functions.
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 11/12
D
E
Na função return.
No objeto methods.
Resposta incorreta
Opa! A alternativa correta é a letra E. 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.
18/04/2024, 07:01 estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/
https://estacio.saladeavaliacoes.com.br/exercicio/6620fc04139d33d914bbeb26/gabarito/ 12/12