Questões sobre Vue.js

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
1
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.
Questão de 10
Corretas
Em branco
1 2 3 4 5
6 7 8 9 10
Vue Js
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
1 of 13 16/11/2025, 18:16
B
C
D
E
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.
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.
2
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?
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
2 of 13 16/11/2025, 18:16
A
B
C
D
E
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
exatamente esses três blocos.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
3 of 13 16/11/2025, 18:16
A
B
C
D
E
3
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.
Parabéns, você selecionou a
alternativa correta. Confira o
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
4 of 13 16/11/2025, 18:16
A
B
C
D
E
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".
4
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.
Na função return.
No objeto methods.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
5 of 13 16/11/2025, 18:16
A
B
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.
5
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
6 of 13 16/11/2025, 18:16
C
D
E
Através de classes CSS.
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.
-----
6
O método data retorna um objeto. Qual palavra-
chave deveria estar no lugar dos pontos de
interrogação colocados dentro do método
'alertaPagina' ao referenciar a variável?
data(){
    return {
        pagina : 'HOME'
    }
},
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
7 of 13 16/11/2025, 18:16
A
B
C
D
E
methods:{
    alertaPagina(){
        alert( ?????.pagina)
    }
}
Considere que os dados estão corretamente
posicionados dentro da Vue Instance.
self
my
on
data
this
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Utilizamos a palavra-chave this para
dizermos ao JavaScript que o atributo
referenciado pertence ao objeto dentro do
qual estamos trabalhando e não é uma
variável externa, por exemplo.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
8 of 13 16/11/2025, 18:16
A
B
C
D
E
7
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.
Parabéns, você selecionou a
alternativa correta. 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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
9 of 13 16/11/2025, 18:16
A
B
C
D
E
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.
8
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
(two way data binding)?
v-on.
@.
v-cloak.
v-model.
v-two-way.
Parabéns, você selecionou a
alternativa correta. Confira o
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
10 of 13 16/11/2025, 18:16
A
B
C
D
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.
9
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.
uma string.
um objeto.
uma template string.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
11 of 13 16/11/2025, 18:16
E
A
B
C
D
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.
-----
10
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
12 of 13 16/11/2025, 18:16
E Através de uma imagem.
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).
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3ecc86db33e930...
13 of 13 16/11/2025, 18:16