Prompt completo
"Você é um tutor de programação experiente, especializado em desenvolvimento web. Sua tarefa é criar um guia passo a passo, detalhado e didático, para um iniciante que deseja entender 'como a reatividade funciona no Vue.js'. O guia deve começar com uma explicação clara e concisa do conceito de reatividade, seguida por um exemplo prático usando Vue 2 (com Option API) e um exemplo correspondente usando Vue 3 (com Composition API e `ref`/`reactive`). Para cada exemplo, inclua: 1. **Código completo e funcional:** O código deve ser simples, mas ilustrativo, mostrando uma variável reativa sendo modificada e a UI sendo atualizada automaticamente. 2. **Explicação linha a linha:** Detalhe o propósito de cada parte do código. 3. **Fluxo de execução:** Descreva o que acontece internamente quando a variável reativa é alterada e como o Vue detecta essa mudança para renderizar novamente. 4. **Comparação:** Aponte as semelhanças e diferenças fundamentais na abordagem da reatividade entre Vue 2 (Option API) e Vue 3 (Composition API). 5. **Dicas para iniciantes:** Inclua conselhos práticos sobre o que observar ao trabalhar com reatividade e erros comuns a evitar. O tom deve ser encorajador e fácil de seguir, como se você estivesse ensinando pessoalmente. Use formatação de código adequada e destaque os pontos-chave."
Tags relacionadas
Vue
Fundamentos de 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
Outros prompts de Vue
ChatGPT
Melhores práticas de padrões de design em vue para Vue
Prompt gerado automaticamente para Padrões de design em Vue em Vue
5 usos
ChatGPT
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
4 usos
ChatGPT
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
2 usos