Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Vue.js e JavaScript

Total questions: 23

Worksheet time: 12mins

Name
Class
Date
1.

O que são métodos em Vue.js?

a)

Funções que são executadas automaticamente quando o componente é criado.

b)

Funções que podem ser chamadas para realizar ações específicas.

c)

Propriedades que armazenam dados reativos.

d)

Elementos HTML que são renderizados condicionalmente.

2.

Qual é a função principal dos componentes em Vue.js?

a)

Estilizar a aplicação.

b)

Dividir a aplicação em partes reutilizáveis.

c)

Armazenar dados de forma persistente.

d)

Executar scripts no servidor.

3.

O que são diretivas em Vue.js?

a)

Instruções especiais no HTML que ligam o DOM ao comportamento do Vue.

b)

Funções que manipulam dados.

c)

Estilos aplicados aos componentes.

d)

Bibliotecas externas usadas no projeto.

4.

Qual é a diferença entre v-if e v-show em Vue.js?

a)

v-if remove o elemento do DOM, enquanto v-show apenas o esconde.

b)

v-if é usado para eventos, v-show para estilos.

c)

v-if é para dados, v-show para métodos.

d)

v-if é para componentes, v-show para diretivas.

5.

Para que serve a diretiva v-on em Vue.js?

a)

Para vincular dados a atributos HTML.

b)

Para escutar e responder a eventos do DOM.

c)

Para iterar sobre listas de dados.

d)

Para condicionar a renderização de elementos.

6.

Qual é a função da diretiva v-bind em Vue.js?

a)

Associar dados a atributos HTML.

b)

Executar métodos em resposta a eventos.

c)

Repetir elementos para cada item em uma lista.

d)

Controlar a visibilidade de elementos.

7.

Como a diretiva v-for é utilizada em Vue.js?

a)

Para criar loops em métodos.

b)

Para iterar sobre listas e renderizar elementos para cada item.

c)

Para aplicar estilos condicionais.

d)

Para vincular eventos a elementos.

8.

Qual é a função do JavaScript no desenvolvimento front-end?

a)

Criar estilos para a página.

b)

Estruturar o conteúdo da página.

c)

Tornar a página interativa e dinâmica.

d)

Armazenar dados no servidor.

9.

Qual é a principal vantagem de usar componentes em Vue.js?

a)

Melhorar a performance do servidor.

b)

Facilitar a manutenção e reutilização de código.

c)

Aumentar a segurança da aplicação.

d)

Reduzir o tamanho dos arquivos CSS.

10.

Como você pode definir um método em um componente Vue.js?

a)

Dentro da seção data.

b)

Dentro da seção methods.

c)

Dentro da seção computed.

d)

Dentro da seção template.

11.

Qual diretiva você usaria para renderizar um elemento apenas se uma condição for verdadeira?

a)

v-show

b)

v-bind

c)

v-if

d)

v-on

12.

Qual é a sintaxe correta para usar v-for em um elemento?

a)

v-for="item in items"

b)

v-for="items : item"

c)

v-for="item of items"

d)

v-for="items in item"

13.

Qual diretiva é usada para associar um evento de clique a um método?

a)

v-bind

b)

v-on

c)

v-if

d)

v-show

14.

Qual é a diferença entre métodos e computeds em Vue.js?

a)

Métodos são reativos, computeds não são.

b)

Computeds são reativos e cacheados, métodos não são.

c)

Métodos são usados para estilizar, computeds para lógica.

d)

Computeds são usados para eventos, métodos para dados.

15.

O que faz a diretiva v-model no Vue.js?

a)

Manipula o DOM diretamente.

b)

Sincroniza a entrada do usuário com uma variável no modelo de dados.

c)

Executa uma função após um evento de clique.

d)

Cria uma nova instância do Vue.js.

16.

Qual é a funcionalidade que o Vue.js está realizando?

a)

O Vue.js está manipulando diretamente o DOM sem o uso de data binding.

b)

O Vue.js está sincronizando os dados com o valor exibido na interface em tempo real.

c)

O Vue.js não consegue atualizar automaticamente o valor do contador na interface.

d)

O Vue.js está usando uma função para atualizar o valor, mas não manipula os dados diretamente.

17.

Qual a função do @click="alertarMensagem" no código?

a)

Define um atributo para o elemento.

b)

Executa o método alertarMensagem ao clicar no botão.

c)

Cria uma nova variável.

d)

Sincroniza o valor do input com a mensagem.

18.

Qual diretiva Vue.js é usada para interpolação de texto?

a)

v-if

b)

v-for

c)

v-text

d)

v-on

19.

O que acontece se o v-model for removido do código?

a)

O alerta funcionará normalmente, mas a mensagem não será atualizada.

b)
  • A entrada do usuário não será mais vinculada à variável mensagem.

c)

O método alertarMensagem deixará de funcionar.

d)

O botão deixará de funcionar.

20.

O Vue.js permite manipular eventos com facilidade.

Qual é o benefício de usar eventos no Vue.js em comparação com JavaScript puro?

a)

Menos código e melhor organização.

b)

Mais complexo de integrar.

c)

Funciona somente em navegadores modernos.

d)

Difícil de depurar e testar.

21.

O que é Vue.js?

a)

Um sistema operacional

b)

Um framework progressivo para construção de interfaces de usuário

c)

Um editor de texto

d)

Um navegador de internet

22.

Qual método do ciclo de vida é chamado quando um componente é atualizado?

a)

beforeUpdate

b)

updated

c)

beforeDestroy

d)

destroyed

23.

Qual é a função do método `beforeDestroy` no ciclo de vida do Vue.js?

a)

Inicializar dados.

b)

Limpar recursos antes de destruir o componente.

c)

Renderizar o componente no DOM.

d)

Atualizar o estado do componente.