diff --git a/vue/README.md b/vue/README.md new file mode 100644 index 0000000..0cd9e4d --- /dev/null +++ b/vue/README.md @@ -0,0 +1,155 @@ +# Quiz da tecnologia da semana: React + +## 1 - Definindo componente +### Como um componente Vue.js é definido? + +**a)** Usando a tag `` no HTML. + +**b)** Apenas com um arquivo JavaScript + +**c)** Com um arquivo HTML separado + +**d)** Com um objeto de opções Vue em um arquivo JavaScript + +## 2 - Manipulando dados +### Qual opção é usada para armazenar dados no componente Vue? + +**a)** this.data + +**b)** this.state + +**c)** this.props + +**d)** this.data() + +## 3 - Diretivas e Eventos +### Qual diretiva Vue é usada para lidar com eventos de clique? + +**a)** +```html + +``` + +**b)** +```html + +``` + +**c)** +```html + +``` + +**d)** +```html + +``` + +## 4 - Computed Properties +### O que são as computed properties no Vue.js? + +**a)** Propriedades que podem ser modificadas diretamente pelo usuário + +**b)** Propriedades que são calculadas a partir de outras propriedades reativas + +**c)** Propriedades que são armazenadas em cache e não podem ser alteradas + +**d)** Propriedades que são usadas apenas para fins de depuração + +## 5 - Renderização condicional +### Qual é a diretiva usada para renderizar um elemento a partir de uma condição? + +**a)** +```html + +``` + +**b)** +```html + +``` + +**c)** +```html + +``` + +**d)** +```html + +``` + +## 6 - Renderização em loop +### Qual diretiva é usada para renderizar elementos em loop a partir de uma lista? + +**a)** +```html + +``` + +**b)** +```html + +``` + +**c)** +```html + +``` + +**d)** +```html + +``` + +## 7 - VueRouter +### Para que o Vue Router é usado? +**a)** Para estilizar componentes Vue + +**b)** Para gerenciar o estado global da aplicação + +**c)** Para criar animações de transição entre páginas + +**d)** Para criar um roteamento SPA (Single Page Application) em um projeto Vue + +## 8 - Renderização reativa +### Como renderiza uma variavel no html? +```html +

{text}

+``` + +**b)** +```html +

$text

+``` + +**c)** +```html +

{{text}}

+``` + +**d)** +```html +

%text%

+``` + +## 9 - Props +### Como você passa uma propriedade para um componente filho no Vue.js? + +**a)** Apenas definindo uma variável no componente filho + +**b)** Usando a diretiva v-props + +**c)** Utilizando a sintaxe :propName="value" + +**d)** Colocando a propriedade dentro de um objeto $props + +## 10 - Ciclo de vida +### Qual é a ordem correta das etapas do ciclo de vida de um componente Vue.js? +**a)** created, mounted, updated, destroyed + +**b)** mounted, created, updated, destroyed + +**c)** created, updated, mounted, destroyed + +**d)** mounted, updated, created, destroyed