1 - Bootstrap a Vue App Flashcards
(8 cards)
Por que arquivos *.vue se chamam Single File Components?
O Formato chamado de Single File Component (também conhecido como arquivos .vue, abreviado como SFC).
Um SFC do Vue, como o nome sugere, encapsula a lógica do componente (JavaScript), o template (HTML) e os estilos (CSS) em um único arquivo.
Quais são os dois principais recursos do Vue?
- Renderização Declarativa: O Vue estende o HTML padrão com uma sintaxe de template que nos permite descrever declarativamente a saída HTML com base no estado em JavaScript.
- Reatividade: O Vue rastreia automaticamente as mudanças no estado do JavaScript e atualiza o DOM de forma eficiente quando essas mudanças ocorrem.
Quais as principais diferenças entre Options API e Composition API?
Com a Options API, definimos a lógica de um componente usando um objeto de opções como data, methods e mounted. As propriedades definidas nessas opções são acessíveis via this dentro das funções, e this se refere à instância do componente.
Com a Composition API, definimos a lógica de um componente usando funções da API importadas. Em SFCs (Single File Components), a Composition API é geralmente usada com script setup. O atributo setup é uma dica que faz o Vue realizar transformações em tempo de compilação, permitindo o uso da Composition API com menos código repetitivo (boilerplate). Por exemplo, importações e variáveis/funções no escopo superior declaradas em script setup podem ser usadas diretamente no template.
Qual o comando para criar uma aplicação Vue?
npm init Vue ou
npm create vue@latest
Quando usar Vue via CDN?
Usar Vue via CDN é uma boa opção para prototipação rápida, teste do framework, para adicionar mais recursos a HTMLs estáticos ou para integrar com frameworks Backend.
Vale destacar que não é possível usar SFC usando o vue desse modo
Como criar uma nova instâcia de aplicação Vue?
Para criar uma instância vue utilizamos o método createApp:
Que argumento é passado para o método createApp()?
O objeto que estamos passando para createApp é, na verdade, um componente. Todo app requer um “componente raiz” que pode conter outros componentes como seus filhos.
Se você estiver usando SFC, normalmente importamos o componente raiz de outro arquivo.
O que faz o método mount da instância Vue?
O método .mount() da instância do Vue (usado com createApp) “monta” a aplicação Vue em um elemento do DOM, ou seja, conecta a aplicação à página HTML. Em outras palavras, ele inicializa a aplicação e insere o componente raiz (geralmente App.vue) dentro de um elemento HTML existente.
O método .mount() deve sempre ser chamado depois de todas as configurações e registro de componentes e assets
