Vue.js: Conceitos e Práticas

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
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.
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/691a3d3742af42702d...
1 of 13 16/11/2025, 18:12
D
E
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".
2
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
2 of 13 16/11/2025, 18:12
A
B
C
D
E
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.
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
3 of 13 16/11/2025, 18:12
A
B
C
D
E
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
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
4 of 13 16/11/2025, 18:12
A
B
C
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.
4
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
5 of 13 16/11/2025, 18:12
D
E
v-display
v-show
Parabéns, você selecionou a
alternativa correta. 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.
5
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/691a3d3742af42702d...
6 of 13 16/11/2025, 18:12
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/691a3d3742af42702d...
7 of 13 16/11/2025, 18:12
A
B
C
D
E
6
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.
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
8 of 13 16/11/2025, 18:12
A
B
C
D
E
-----
7
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.
Parabéns, você selecionou a
alternativa correta. Confira o
gabarito comentado!
Um componente pode declarar que espera
seus filhos emitirem eventos específicos e
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
9 of 13 16/11/2025, 18:12
A
B
C
D
E
para isso coloca um método a ser chamado
quando seus filhos emitirem aquele evento
(listener).
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.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
10 of 13 16/11/2025, 18:12
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.
9
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)
    }
}
Considere que os dados estão corretamente
posicionados dentro da Vue Instance.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
11 of 13 16/11/2025, 18:12
A
B
C
D
E
self
my
on
data
this
Opa! A alternativa correta é a letra
E. 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.
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/691a3d3742af42702d...
12 of 13 16/11/2025, 18:12
A
B
C
D
E
instance?
um array.
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/691a3d3742af42702d...
13 of 13 16/11/2025, 18:12