VueJs_ex01

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
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.
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/6919e57deacb8c9a29...
1 of 13 16/11/2025, 18:00
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.
-----
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
(two way data binding)?
v-on.
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/6919e57deacb8c9a29...
2 of 13 16/11/2025, 18:00
B
C
D
E
@.
v-cloak.
v-model.
v-two-way.
Opa! A alternativa correta é a letra
D. 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
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?
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/6919e57deacb8c9a29...
3 of 13 16/11/2025, 18:00
A
B
C
D
E
Através de eventos.
Através de props.
Através de classes CSS.
Através de slots.
Através de uma imagem.
Opa! A alternativa correta é a letra
A. 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).
4
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/6919e57deacb8c9a29...
4 of 13 16/11/2025, 18:00
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/6919e57deacb8c9a29...
5 of 13 16/11/2025, 18:00
A
B
C
D
E
5
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.
Opa! A alternativa correta é a letra
D. Confira o gabarito comentado!
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/6919e57deacb8c9a29...
6 of 13 16/11/2025, 18:00
A
B
C
D
E
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.
6
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.
um método.
Parabéns, você selecionou a
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/6919e57deacb8c9a29...
7 of 13 16/11/2025, 18:00
A
B
C
D
E
alternativa correta. Confira o
gabarito comentado!
A função data, que expõe os dados da Vue
instance, deve retornar um objeto.
-----
7
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
Firefox https://estacio.saladeavaliacoes.com.br/exercicio/6919e57deacb8c9a29...
8 of 13 16/11/2025, 18:00
A
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.
8
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/6919e57deacb8c9a29...
9 of 13 16/11/2025, 18:00
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/6919e57deacb8c9a29...
10 of 13 16/11/2025, 18:00
A
B
C
D
E
9
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/6919e57deacb8c9a29...
11 of 13 16/11/2025, 18:00
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.
10
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/6919e57deacb8c9a29...
12 of 13 16/11/2025, 18:00
Opa! A alternativa correta é a letra
E. 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/6919e57deacb8c9a29...
13 of 13 16/11/2025, 18:00