Composables do Vue
Criação de composables, lógica reutilizável, useState, useRoute, useRouter, padrões de composables personalizados
1O que é um composable no Vue 3 e Nuxt 3?
O que é um composable no Vue 3 e Nuxt 3?
Resposta
Um composable é uma função que encapsula lógica reutilizável usando a Composition API do Vue. Os composables permitem compartilhar estado e efeitos entre componentes sem recorrer a mixins. Por convenção, o nome de um composable sempre começa com o prefixo use, o que facilita sua identificação no código.
2Qual é a convenção de nomenclatura recomendada para composables?
Qual é a convenção de nomenclatura recomendada para composables?
Resposta
Os composables devem sempre começar com o prefixo use seguido de um nome descritivo em camelCase. Essa convenção permite identificar rapidamente os composables no código e distingui-los de funções utilitárias comuns. Por exemplo, useCounter, useFetch ou useAuth são nomes apropriados para composables.
3Onde os composables devem ser colocados em um projeto Nuxt 3?
Onde os composables devem ser colocados em um projeto Nuxt 3?
Resposta
Os composables devem ser colocados no diretório composables na raiz do projeto. O Nuxt 3 importa automaticamente todos os arquivos desse diretório, o que permite usar os composables sem precisar importá-los manualmente. Essa importação automática melhora a experiência do desenvolvedor e reduz o código boilerplate.
Qual é a principal vantagem de useState em relação a ref no Nuxt 3?
Como acessar os parâmetros da rota atual em um composable do Nuxt?
+17 perguntas de entrevista
Outros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos do Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reatividade do Vue
Fundamentos do Nuxt
Data Fetching no Nuxt
SSR e SSG no Nuxt
Rotas de servidor Nuxt
Módulos Nuxt
Formulários e validação Vue
Gerenciamento de estado no Nuxt
Testes no Vue
Deploy do Nuxt e CI/CD
Desempenho do Vue
Padrões avançados do Vue
TypeScript com Vue
Autenticação Nuxt
SEO com Nuxt
Internacionalização no Nuxt
Arquitetura Vue
Segurança no Nuxt
Ecossistema Vue
Migração Vue 2→3 e Nuxt 2→3
Domine Vue.js / Nuxt.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis