Curso de Vue 3: #05 - Criando componentes

Neste vídeo você vai conhecer um dos recursos mais utilizados do #Vue - os componentes. Estas entidades podem ser reutilizadas em todo o seu projeto e também podem manipular dados da aplicação para renderizar informações diferentes em cada situação.

Este é um curso completo de Vue 3, onde você vai aprender a criar um projeto com Vue e também os principais recursos da tecnologia.

▶ Instagram: @horadecodar

[luan]

Galera que estiver aprendendo em 2023.

Não precisa usam exportar um objeto com "export default{}". Apenas coloquem "setup" na tag script: "<script setup> </script>", pronto agora escrevam o código como quiser, terá o mesmo efeito e será mais fácil de escrever código.

[marcosheriger]

matheus primeiramente mto obg por esse curso incrível.... se for possivel atualiza as aulas mudou alguns comandos e forma de instalar mas estou seguindo aqui mtoooo vlwww

[karinecordeiro]

Quero expressar minha sincera gratidão pelo conteúdo do "Curso de Vue 3: #05 - Criando Componentes." Aprendi muito e estou entusiasmada para aplicar esse conhecimento em meus projetos. Obrigada pela clareza e qualidade do conteúdo! 💙🙏

[CarlosEduardo-begx]

Galera, acompanhem o curso junto a documentação do Vue.Js, houve atualizações!

[luanmessias]

A sintaxe de /> (fechamento dentro da tag) é mais adequada quando não temos <slot> para renderizar conteúdo, caso contrário é melhor usar a sintaxe de tag mesmo: <tag></tag> excelente aula!! 👍

[andersonpires]

Muito boas as aulas até aqui!!! Parabéns e muito obrigado por gastar seu tempo compartilhando conhecimento

[Edu-SanDevIstan]

Tô vindo do React, começou a semelhança com esses componentes, é bom pra ter referência, enfim tenho uma semana pra entregar um projeto pra uma vaga com Vue e eu nem sei o básico kkk, vamo q vamo

[fabiobrito]

Meu que adianto heim! To com uns cursos teus la na Udemy, acabei o Javascript +node, vou iniciar o typescript e depois react. AI vi esse aqui gratuito de Vue.... só pra reforçar.

[MoabeVettore]

Parabéns pelo vídeo, muito boa sua didática

[Everaldobass]

Excelente aula, curso de Vue muito top!!

[GabrielScavassa]

Matheus. Muito bom o conteúdo. Continua este trabalho foda!

[wallysonmachadodelima]

Tu é maravilhoso cara, vlw pelos cursos

[washingtonoliveira]

o meu na hora que eu boto o npm run serve aparece isso:

opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'

alguém pode me ajudar ?

[pedrofernandes]

Por que o "import { createApp } " precisa estar entre chaves e os outros imports não?

[clic]

Bom dia Matheus. Excelente curso.
Uma dúvida: o formulário de inicio de sesão sería então um componente e não uma view?

[carlosnunes]

Muito boa a aula, mais ao tentar criar componentes usando o vue via CDN, nenhum componente funciona, mesmo sendo muito simples ele, sempre dá o erro:
[Vue warn]: Failed to resolve component: VueInputText
If this is a native custom element, make sure to exclude it from component resolution via

Alguma dica?

[jerlyssoneduardo]

ta top o conteudo, mas alguem saberia informar pq o hotReload nao funciona, sempre pra atualizar oque é editado tenho que reiniciar a aplicação, teria alguma lugar que consigo habilitar?

[gmartinsfilho]

na hora de criar o app createApp(App).mount('#app') tem como adicionar o delimiters: ... ? ou melhor chamar o App.vue fora do createApp
MeuApp={...
delimiters:[...]
<script>
import. /App.vue
...
</script>
}
createApp(MeuApp)
MeuApp.mount('#app')

resumindo:
preciso trocar o mustache notation pra usar o vue junto do django. Já revirei a internet e não encontro nada de forma que ainda consiga manter a importação de components

[santiagolodeiro]

Quando tento rodar o projeto depois da instalação do Vue conforme tutorial, aparece o seguinte erro no terminal: PS C:\Users\sanlo\OneDrive\Documentos\Portifólio\HTML, CSS e JS\Curso VueJS Matheus Battisti> npm run serve
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\sanlo\OneDrive\Documentos\Portifólio\HTML, CSS e JS\Curso VueJS Matheus Battisti/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\sanlo\OneDrive\Documentos\Portifólio\HTML, CSS e JS\Curso VueJS Matheus Battisti\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!
PS C:\Users\sanlo\OneDrive\Documentos\Portifólio\HTML, CSS e JS\Curso VueJS Matheus Battisti>
Alguém pode auxiliar?

[iturresperez]

mto bons seus videos, só meu tira uma dúvida o vue 3 trabalha com um tal setup (outra estrutura), se não me engano instalei o vue 3 + estamos trabalhando/aprendendo o vue 2. Qual aula vc ensina realmente os novos recursos do vue 3? Mesmo assim obrigado