Vue in Aktion – erstellen Sie Ihr eigenes Take-Away-System

• Kapitel1 Kapitel eins
• 1-1 Demonstration der Projektfunktion
• 1-2 Vorbereitung der Projektentwicklung
• 1-3 Projekt erstellen und ausführen
• 1-4 Ressourcenvorbereitung
• 1-5 Entwurf des Quellcodeverzeichnisses des Projekts
• 1-6 Verwendung des Stifts
• 1-7 Komponentenkodierung
• 1-8 Vue-Router vorstellen
• 1-9 FooterGuide-Komponente
• 1-10 Jede Navigations-Routing-Komponente (statisch)
• Kapitel2 Kapitel Zwei
• 2-1 HeaderTop-Komponente
• 2-2 Verwenden Sie Swiper, um ein Karussell mit Produktklassifizierungslisten zu implementieren
• 2-3 ShopList-Komponente (statisch)
• 2-4 Login-Komponente (statisch)
• 2-5 Starten Sie die Hintergrundanwendung und testen Sie die Schnittstelle
• 2-6 Kapseln Sie die Ajax-Anfragefunktion
• 2-7 Kapseln Sie die Schnittstellenanforderungsfunktion
• 2-8 Verwenden Sie Git zur Versionskontrolle von Projekten
• 2-9 Rezension
• 2-10 Konfigurieren Sie den Proxy für die Implementierung domänenübergreifender Ajax-Anfragen
• Kapitel3 drittes Kapitel
• 3-1 Erstellen Sie die Gesamtstruktur von Vuex
• 3-2 Verwenden Sie vuex, um Homepage-Daten zu verwalten
• 3-3 Zeigt die aktuelle Adresse asynchron an
• 3-4 Karussellliste der Lebensmittelkategorien asynchron anzeigen
• 3-5 Verwenden Sie watch und $nextTick, um Karussellfehler zu beheben
• 3-6 Händlerliste asynchron anzeigen
• 3-7 Verwenden Sie SVG, um die Ladeaufforderungsschnittstelle anzuzeigen
• 3-8 Sternkomponente
• 3-9 Anleitung zur Demonstration der Registrierungs- und Anmeldefunktion
• 3-10 Login-Schnittstelleneffekt 1_Switch-Login-Methode
• Kapitel4 Kapitel Vier
• 4-1 Login-Schnittstelleneffekt 2_Überprüfung der Mobiltelefonnummer
• 4-2 Effekt der Anmeldeschnittstelle 3_Countdown-Effekt
• 4-3 Login-Schnittstelleneffekt 4_Anzeige und Ausblenden von Passwörtern umschalten
• 4-4 Login-Schnittstelleneffekt 5_Überprüfung des Ausdrucks an der Rezeption
• 4-5 Rezension
• 4-6 Dynamischer einmaliger grafischer Verifizierungscode
• 4-7 Schnittstellenanforderungsfunktion definieren
• 4-8 Login_SMS-Bestätigungscode senden
• 4-9 Login_Anmeldeanfrage abschließen
• 4-10 Anmelden_Benutzerinformationen in vuex speichern
• Kapitel5 Kapitel fünf
• 5-1 Aktualisieren Sie die Benutzeroberfläche des Personal Centers nach der Anmeldung
• 5-2 Melden Sie sich an, um die Sprungroute zu aktualisieren
• 5-3 Automatische Anmeldung
• 5-4 Abmelden
• 5-5 Erstellen Sie die gesamte Händlerschnittstelle
• 5-6 JSON-Verständnis
• 5-7 Entwerfen Sie JSON-Daten
• 5-8 Verwenden Sie Mockjs, um Schnittstellendaten zu simulieren
• 5-9 Ajax Request MockJS simulierte Schnittstelle
• 5-10 ShopHeader-Komponente
• Kapitel6 Kapitel sechs
• 6-1 Rezension
• 6-2 Warendaten asynchron anzeigen
• 6-3 Gleiteffektanalyse
• 6-4 Verwenden Sie Better-Scroll, um das Rebound-Sliding zu implementieren
• 6-5 sammlescrollY
• 6-6 Sammle Oberteile
• 6-7 Schieben Sie die Liste nach rechts, um die aktuelle Kategorie zu aktualisieren
• 6-8 Beheben Sie den Fehler, dass das Trägheitsgleiten die aktuelle Kategorie nicht aktualisiert
• 6-9 Klicken Sie auf das Kategorieelement, um die Liste nach rechts zu verschieben
• 6-10 CartControl-Komponente 1
• Kapitel7 Kapitel VII
• 7-1 CartControl-Komponente 2
• 7-2 Lebensmittelkomponente 1
• 7-3 Lebensmittelkomponente 2
• 7-4 ShopCart-Komponente 1
• 7-5 ShopCart-Komponente 2
• 7-6 Liste der Einkaufsartikel anzeigen
• 7-7 Beheben Sie 3 Fehler in der Listenanzeige
• 7-8 Rezension
• 7-9 Warenkorb-Animation
• 7-10 Warenkorbliste verschiebbar
• Kapitel8 Kapitel acht
• 8-1 Warenkorb löschen
• 8-2 ShopRatingsComponent1
• 8-3 ShopRatings-Komponente 2
• 8-4 ShopInfo-Komponente 1
• 8-5 ShopInfo-Komponente 2
• 8-6 ShopInfo-Komponente 3
• 8-7 Suchkomponente
• 8-8 Cache-Routenkomponentenobjekt
• 8-9 Verzögertes Laden von Routing-Komponenten
• 8-10 Lazy Loading von Bildern vue-lazyload
• 8-11 Verwenden Sie Moment, um den Datumsfilter zu implementieren
• 8-12 Analyse und Optimierung gepackter Dateien