💚
ChatGPT intermediate

Guia para fundamentos de vue em Vue

Prompt gerado automaticamente para Fundamentos de Vue em Vue

2 usos Vue

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