https://github.com/danielhe4rt/learning-vuejs
vamo fml preciso ficar rico logo
https://github.com/danielhe4rt/learning-vuejs
Last synced: 5 months ago
JSON representation
vamo fml preciso ficar rico logo
- Host: GitHub
- URL: https://github.com/danielhe4rt/learning-vuejs
- Owner: danielhe4rt
- Created: 2022-11-17T23:10:01.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-17T23:12:10.000Z (over 3 years ago)
- Last Synced: 2025-04-02T19:48:41.668Z (about 1 year ago)
- Size: 1000 Bytes
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Estudo VueJS
### Diferenças do Vue2 pro Vue3
* Como ele é criado (scaffold)
* Multiplos componentes raiz no mesmo arquivo
* Fragments (Estados) -> estudar mais
* Nova possibilidade de fugir do Options API (n gostei)
* Beleza já entendi que vo te q aprender esse tal de Composition API
* Novo jeito de acessar os ciclos de vida de um hook `onMounted()`
* Propriedades Computadas são legais obrigado vue3.
* Você pode passar as props diretamente no setup, isolar contexto e evitar de chamar o `this` em tudo que é lado.
* Portal ?????????????????????
Sumário
* Vue3 é mais rapido, menor e mais fácil de manter que o Vue2
* Vue3 é marromeno a mesma coisa que o Vue2 porém com mais features significativas
* A sintaxe não mudou muito, já que você pode usar a Option API do jeito que ela foi desenhada no Vue2.
### Como iniciar o Vue3
Você pode iniciar tanto usando o NPM/Yarn e baixar o Vue3 quanto pegar diretamente de um CDN como o `unpkg`.
Uma coisa bem interessante na sua construção do método é que ele passa uma função `mount()` esperando um parâmetro de algum elemento dentro da sua pagina pra ser a referência.
Por padrão, a comunidade chama de `#app`.
```html
Vue.createApp({
// suas funções do app Vue
}).mount("#app")
```
### Diferenças entre Options API vs Composition API
Options API separa partes da sua aplicação de uma maneira não tão agradável, com alguns vários métodos e etapas.
Com Composition API você consegue carregar tudo no setup e criar um ambiente reativo usando hooks disponíveis. Além disso é possível compartilhar código com "Composables".
### Composition API
### Diretivas básicas do Vue3
### Criando um Hello World