VueJs_ex02

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Verifique o seu desempenho e continue
treinando! Você pode refazer o exercício
quantas vezes quiser.
A
B
C
1
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.
Questão de 10
Corretas
Incorretas
Em branco
1 2 3 4 5
6 7 8 9 10
Vue Js
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
1 of 13 16/11/2025, 18:05
D
E
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.
Opa! A alternativa correta é a letra
D. Confira o 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.
2
Vue.js é um framework extremamente versátil e
se tornou essencial em aplicações de pequeno,
médio e grande porte. O Vue tem a capacidade
de interagir com diversos elementos do
documento HTML. Qual diretiva do Vue é
utilizada num input do tipo text para que ele
esteja ligado a uma variável da Vue instance
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
2 of 13 16/11/2025, 18:05
A
B
C
D
E
(two way data binding)?
v-on.
@.
v-cloak.
v-model.
v-two-way.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
A diretiva v-model cria uma ligação de
duplo sentido (two way data binding), de
modo que quando a variável altera, o HTML
é alterado. E quando é modificado o valor
do campo, a variável é alterada por baixo
dos panos.
3
Componentes são blocos de código
reutilizáveis, que são usados para criar uma
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
3 of 13 16/11/2025, 18:05
A
B
C
D
E
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
Parabéns, você selecionou a
alternativa correta. Confira o
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
4 of 13 16/11/2025, 18:05
A
B
C
D
E
exatamente esses três blocos.
4
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?
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
5 of 13 16/11/2025, 18:05
A
B
C
D
Parabéns, você selecionou a
alternativa correta. Confira o
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.
5
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
6 of 13 16/11/2025, 18:05
E v-show
Opa! A alternativa correta é a letra
A. Confira o 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
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?
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
7 of 13 16/11/2025, 18:05
A
B
C
D
E
Na função data.
No objeto computed.
No objeto functions.
Na função return.
No objeto methods.
Parabéns, você selecionou a
alternativa correta. Confira o
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
8 of 13 16/11/2025, 18:05
A
B
C
D
E
7
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
Parabéns, você selecionou a
alternativa correta. Confira o
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
9 of 13 16/11/2025, 18:05
A
B
C
D
E
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.
8
Devido a sua sintaxe flexível o Vue possibilita a
redução do número de instruções presentes no
código sem perder a eficiência na realização da
tarefa. Qual das alternativas abaixo representa
uma maneira possível de um componente filho
passar informações para um componente pai?
Através de eventos.
Através de props.
Através de classes CSS.
Através de slots.
Através de uma imagem.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
10 of 13 16/11/2025, 18:05
A
B
C
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Um componente pode declarar que espera
seus filhos emitirem eventos específicos e
para isso coloca um método a ser chamado
quando seus filhos emitirem aquele evento
(listener).
9
Uma vantagem potencial na utilização do Vue é
o imediato aumento de produtividade. Um
reflexo direto dessa percepção ocorre quando
precisamos passar informações de um
componente pai para um componente filho. De
que maneira um componente pai passa
informações
para um componente filho?
Através de eventos.
Através de props.
Através de classes CSS.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
11 of 13 16/11/2025, 18:05
D
E
A
Através de uma api hospedada em um
site.
Através de uma imagem.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Um componente pode receber dados de
seu pai especificando props. São
propriedades (props) que ele espera
receber.
-----
10
Vue.js é um framework JavaScript que possui
uma comunidade ativa, contando com uma
vasta documentação disponível para consulta e
aprendizagem.  Acerca dos seus
conhecimentos sobre Vue, qual seria o retorno
típico da função data(), utilizada na Vue
instance?
um array.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
12 of 13 16/11/2025, 18:05
B
C
D
E
uma string.
um objeto.
uma template string.
um método.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
A função data, que expõe os dados da Vue
instance, deve retornar um objeto.
-----
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3bf386db33e930...
13 of 13 16/11/2025, 18:05