vue todos

vue-toutes

Adresse de prévisualisation (responsive design, PC, mobile) Adresse de première version (code source et tutoriel)

vue-todos est une version améliorée du module todomvc vue. Il possède une interface simple, des fonctions riches et des connaissances complètes. Il peut vous aider à démarrer rapidement avec vuejs. Si vous l'aimez, aimez-le, suivez-le, mettez-le en vedette. , et fourchette. Ce sont les motivations pour moi de persister !!

Préface

vuejs est un bon projet open source qui libère grandement notre productivité. Utiliser Vue pendant 2 ans m'a non seulement donné une promotion et une augmentation de salaire, mais a également fait de grands progrès dans ma technologie front-end. Je traîne depuis longtemps dans les principaux groupes Vue et les principaux forums, et j'ai répondu à de nombreuses questions des novices de Vuejs. J'ai trouvé que de nombreux problèmes avec la documentation de vueApi sont causés par une compréhension insuffisante de l'API. Le pire est que beaucoup de gens n'aiment pas consulter la documentation, et comme ils ont peu d'occasions de s'entraîner, ils sont perdus lorsqu'ils rencontrent des problèmes. .

espoir

Ce cours vous amènera à pratiquer Vue à partir de zéro. J'espère que grâce à ce cours, les débutants pourront rapidement démarrer avec Vuejs et apprendre rapidement à utiliser les API couramment utilisées de Vue. Laissez les débutants de Vue.js apprendre étape par étape et efficacement.

courir

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

tu apprendras

• Construction de l'environnement de développement vue-cli
• Analyser la documentation de l'API et la programmation des composants
• Bases de Vue (1. Instance 2. Composant 3. Directive 4. Options 5. Rendu de modèle 6. Liaison d'événement 7. Propriétés calculées 8. Animation intégrée 9. Interaction des composants 10. Routage intégré)
• vue advanced (cycle de vie 1.vue, utilisation 2.vuex, utilisation 3.axios, données de simulation frontale 4.mock.js)
• Solutions aux problèmes inter-domaines

Aperçu de l'image

*version PC

Catalogue de cours (veuillez rester à l'écoute, une section sera mise à jour chaque jour)

• Configuration de l'environnement de développement
  • Installation de Node.js
  • Installation de vue-cli
  • Créer la première application vue
• Développement pratique de la version améliorée de todomvc]
  • Préparation préliminaire
    • Analyse du projet
    • analyse des besoins
    • analyse des API
    • analyse des composants
  • Mise en page réactive
  • Écriture de composants
    • Composant de menu
    • Ensemble de tête
    • Composant de liste
  • menu
    • Écrit par api.js (axios.js)
    • Lier les données du menu
    • Nouveau menu
  • tête
    • Lier une seule donnée
    • Ajouter une liste
    • Modifier le titre
    • Supprimer le contenu
  • liste
    • Terminer les tâches à effectuer
    • Modifier les tâches
    • Supprimer les tâches
  • verrouillage
    • Verrouiller les tâches
  • vuex
    • Mise à jour des données du menu
    • Réduire le menu mobile
  • animation de transition
    • Animations des menus
    • Animation de liste
• Points de connaissance de Vue.js expliqués