vue todos

vue-todos

Endereço de visualização (design responsivo, PC, celular) Endereço do primeiro lançamento (código-fonte e tutorial)

vue-todos é uma versão atualizada do módulo todomvc vue. Ele possui uma interface simples, funções ricas e conhecimento abrangente. Ele pode ajudá-lo a começar rapidamente com vuejs. , e bifurque. Essas são as motivações para eu persistir!!

Prefácio

vuejs é um bom projeto de código aberto que libera bastante nossa produtividade. Usar o Vue por 2 anos não apenas me proporcionou uma promoção e um aumento salarial, mas também proporcionou um grande progresso em minha tecnologia front-end. Tenho participado dos principais grupos e fóruns do Vue há muito tempo e respondi a muitas perguntas de novatos do Vuejs. Descobri que muitos problemas com a documentação do vueApi são causados ​​​​por um entendimento insuficiente da API. O pior é que muitas pessoas não gostam de consultar a documentação e, por terem poucas oportunidades de praticar, ficam perdidas ao encontrar problemas. .

ter esperança

Este curso o levará a praticar o Vue do zero. Espero que, por meio deste curso, os iniciantes possam começar rapidamente com o Vuejs e aprender rapidamente a usar as APIs comumente usadas do Vue. Deixe os iniciantes do Vue.js aprenderem o Vuejs passo a passo e de maneira eficaz.

correr

 # 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build

você aprenderá

• Construção do ambiente de desenvolvimento vue-cli
• Analise a documentação da API e a programação de componentes
• Noções básicas do Vue (1. Instância 2. Componente 3. Diretiva 4. Opções 5. Renderização de modelo 6. Vinculação de eventos 7. Propriedades calculadas 8. Animação integrada 9. Interação de componentes 10. Roteamento integrado)
• vue avançado (1.vue ciclo de vida 2.vuex uso 3.axios uso 4.mock.js dados de simulação de front-end)
• Soluções para problemas entre domínios

Visualização da imagem

*versão para computador

Catálogo de cursos (fique atento, uma seção será atualizada todos os dias)

• Configuração do ambiente de desenvolvimento
  • Instalação do Node.js.
  • Instalação do vue-cli
  • Crie o primeiro aplicativo vue
• Desenvolvimento prático da versão atualizada do todomvc]
  • Preparação preliminar
    • Análise de projeto
    • análise de necessidades
    • análise de API
    • análise de componentes
  • Layout responsivo
  • Escrita de componentes
    • Componente de menu
    • Conjunto de cabeça
    • Componente de lista
  • menu
    • Escrito por api.js (axios.js)
    • Vincular dados do menu
    • Novo cardápio
  • cabeça
    • Vincule um único dado
    • Adicionar lista
    • Modificar título
    • Remover conteúdo
  • lista
    • Itens de tarefas completos
    • Modificar itens de tarefas
    • Excluir itens de tarefas
  • bloqueio
    • Bloquear itens de tarefas
  • vuex
    • Atualização de dados do menu
    • Redução do menu móvel
  • animação de transição
    • Animação de menu
    • Animação de lista
• Pontos de conhecimento Vue.js explicados