Exercícios 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
B
C
1
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.
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/691a3e3904606e1251...
1 of 13 16/11/2025, 18:14
D
E
A
B
Através de slots.
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).
2
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
2 of 13 16/11/2025, 18:14
C
D
E
Twitter.
Meta.
A comunidade.
Parabéns, você selecionou a
alternativa correta. Confira o
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.
3
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
3 of 13 16/11/2025, 18:14
A
B
C
D
E
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
variável como texto dentro do elemento
HTML marcado. Nesse caso, a tag H1 seria
preenchida com o valor textual da variável,
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
4 of 13 16/11/2025, 18:14
A
B
C
D
E
permitindo que o conteúdo seja
renderizado corretamente na página.
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.
Opa! A alternativa correta é a letra
E. Confira o gabarito comentado!
Na estrutura de uma Vue instance, as
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
5 of 13 16/11/2025, 18:14
A
B
C
D
E
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
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
6 of 13 16/11/2025, 18:14
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
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.
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'
    }
},
methods:{
    alertaPagina(){
        alert( ?????.pagina)
    }
}
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
7 of 13 16/11/2025, 18:14
A
B
C
D
E
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.
7
Componentes são blocos de código
reutilizáveis, que são usados para criar uma
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
8 of 13 16/11/2025, 18:14
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/691a3e3904606e1251...
9 of 13 16/11/2025, 18:14
A
B
C
D
E
exatamente esses três blocos.
8
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
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
10 of 13 16/11/2025, 18:14
A
B
C
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.
9
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
11 of 13 16/11/2025, 18:14
D
E
A
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.
10
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
12 of 13 16/11/2025, 18:14
B
C
D
E
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
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".
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3e3904606e1251...
13 of 13 16/11/2025, 18:14