vueJS2

Exemplos e projetos durante o curso Curso Vue JS 2 - O Guia Completo (incl. Vue Router & Vuex)

🚧 Em andamento... Aula 153 🚧

Links Úteis:

• Módulo 01 e 02

  • Documentação Oficial - Introdução: https://br.vuejs.org/v2/guide/
  • Documentação Oficial - Sintaxe de Template: https://br.vuejs.org/v2/guide/syntax.html
  • Documentação Oficial - Manipulação de Eventos: https://br.vuejs.org/v2/guide/events.html
  • Documentação Oficial - Dados Computados & Observadores: https://br.vuejs.org/v2/guide/computed.html
  • Documentação Oficial - Interligações de Classe e Estilo: https://br.vuejs.org/v2/guide/class-and-style.html

• Módulo 03

  • Documentação Oficial - Renderização Condicional: https://br.vuejs.org/v2/guide/conditional.html
  • Documentação Oficial - Renderização de Listas: https://br.vuejs.org/v2/guide/list.html

• Módulo 04

  • Projeto 1 - O matador de monstros

• Módulo 05

  • Documentação Oficial - A Instância Vue: https://br.vuejs.org/v2/guide/instance.html

• Módulo 06

  O Arquivo ".vue"

  Você pode aprender mais sobre o arquivo ".vue" nesse artigo da documentação oficial: https://br.vuejs.org/v2/guide/single-file-components.html

  Você pode aprender mais sobre o método render() nesse outro artigo na documentação oficial: https://br.vuejs.org/v2/guide/render-function.html

  The CLI

  Aprenda mais sobre o Vue CLI aqui: https://cli.vuejs.org/

  Depurando Projetos VueJS

  • Duas ferramentas que você pode usar:

    1. Ferramenta de Desenvolvimento Vue (https://github.com/vuejs/vue-devtools)

    2. A ferramenta de Desenvolvedor do Chrome

       Quando estiver trabalhando com projetos criados com o CLI , você pode facilmente debugar a sua aplicação abrindo o a ferramenta de desenvolvimento (abaixo exemplo no Chrome) abrir a aba sources. Você deverá ver a pasta webpack:// e dentro você encontrará todos os arquivos do projeto (área em destaque vermelha).

       Agora é só abrir os arquivos e colocar os breakpoints para debugar a sua aplicação em execução.