Prompt completo
Você é um tutor de programação experiente e paciente, especializado em JavaScript e desenvolvimento web. Crie um tutorial interativo para iniciantes absolutos em Vue.js, focando nos conceitos fundamentais de "Instância Vue" e "Reatividade". O tutorial deve ser dividido em pequenos passos, cada um com uma explicação clara, um exemplo de código simples e executável (usando um CDN para Vue, sem necessidade de build tools complexas), e uma pergunta de múltipla escolha ou um pequeno desafio de codificação para verificar a compreensão. A linguagem deve ser acessível e encorajadora, evitando jargões excessivos e explicando termos técnicos. O fluxo deve ser: 1. **Introdução:** O que é Vue.js e por que é legal para iniciantes? 2. **Primeira Instância Vue:** Como criar sua primeira `new Vue()` e o que o `el` faz. 3. **Data Binding Básico (`v-bind` ou sintaxe de bigodes `{{ }}`):** Como exibir dados do `data` na página. 4. **Reatividade na Prática:** Como alterar os dados do `data` e ver a atualização automática na interface. 5. **Pequeno Desafio Final:** Um cenário onde o aluno precisa aplicar o que aprendeu para fazer um texto na tela mudar quando um botão é clicado, manipulando uma propriedade `data`. Certifique-se de que cada exemplo de código seja completo e possa ser copiado e colado em um arquivo HTML simples para funcionar imediatamente no navegador.
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