💚
ChatGPT intermediate

Guia para padrões de design em vue em Vue

Prompt gerado automaticamente para Padrões de design em Vue em Vue

4 usos Vue

Prompt completo

"Você é um especialista em desenvolvimento front-end com vasta experiência em Vue.js e padrões de design. Sua tarefa é criar um guia prático e conciso, em português do Brasil, para desenvolvedores Vue de nível intermediário a avançado, abordando a implementação do padrão 'Container/Presentational Components' em aplicações Vue 3 com Composition API. O guia deve incluir:

1.  **Explicação clara do padrão:** O que é, por que usá-lo (benefícios), e quando é mais apropriado.
2.  **Exemplos de código:** Um exemplo mínimo, mas funcional, que demonstre a separação de responsabilidades entre um componente `Container` e um ou mais componentes `Presentational`. Use `script setup` e TypeScript.
3.  **Boas práticas e dicas:** Recomendações para manter a modularidade, testabilidade e legibilidade do código ao aplicar este padrão.
4.  **Considerações sobre o Composition API:** Como o `setup` e os `ref`/`reactive`/`computed` podem ser usados efetivamente para gerenciar o estado e a lógica nos componentes `Container`, e como os `props` e `emits` são usados nos `Presentational`.
5.  **Exemplos de nomes de arquivos e estrutura de pastas** para organizar componentes que seguem este padrão.

O tom deve ser profissional, didático e direto ao ponto, com foco na aplicabilidade prática. Não inclua introduções ou conclusões genéricas."

Tags relacionadas

Vue Padrões de design em Vue gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico