Agora você poderá ver o componente HelloWorld renderizado no componente App.vue.

","image":"http://www.luping.net/uploads/20240928/172748376866f74f78598f3.jpg","datePublished":"2024-11-08T23:35:29+08:00","dateModified":"2024-11-08T23:35:29+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > VueJs para iniciantes VueJs Part Criar, importar e usar componente

VueJs para iniciantes VueJs Part Criar, importar e usar componente

Publicado em 2024-11-08
Navegar:991

VueJs for Beginner VueJs Part  Create, Import, and Use Component

Criando seu primeiro componente


O que é um componente?
Componentes são os blocos de construção de um aplicativo Vue. Cada componente tem sua própria funcionalidade e visualização. Os componentes podem ser reutilizados em todo o aplicativo. Um exemplo de componente é uma barra de navegação que pode ser acessada em diferentes páginas.

Criando um componente básico

  • Crie um novo arquivo de componente chamado HelloWorld.vue (você pode alterar o nome do arquivo se desejar) na pasta de componentes (crie uma nova pasta de componentes se ela ainda não existir).

  • Componente HelloWorld:







  • importar e usar o componente HelloWord no App.vue




Agora você poderá ver o componente HelloWorld renderizado no componente App.vue.

Declaração de lançamento Este artigo é reproduzido em: https://dev.to/kyydev/vuejs-for-beginner-2024-vuejs-3-part-2-crere-import-e-use-component-4a8e?1 Se houver alguma infração, entre em contato com [email protected] para Delete.
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3