Kurseinführung

Projektinitialisierung

Erstellen Sie eine Vue-Root-Instanz

Mounten Sie App-Komponenten

prüfen

Webpack-Grundkonfiguration

Webpack-Skript

Installation des Vue-Loaders

Konfiguration des Vue-Loaders

Vue-Loader-Test

Einführung in häufig verwendete Lader

Grundlegende Verwendung des Dateiladers (Teil 1)

Grundlegende Verwendung des File-Loaders (Teil 2)

Verwendung eines URL-Loaders

CSS-Verpackung (Teil 1)

CSS-Verpackung (Teil 2)

Einführung in den Stift und Plug-Ins

Verpackung der Stylus-Datei

Verwendung des Stifts in Vue

HTML-Webpack-Plugin-Plugin

Clean-Webpack-Plugin

Autoprefixer-Plugin

Einführung und Konfiguration von devServer

Implementierung des Geschäftscodes

HMR-Demo

Quellkarte

Verpackung in der Produktionsumgebung

Extrahieren Sie allgemeinen Code

Parsen von ES6

Funktionsdemonstration

Projektvorbereitung

Komponentenaufteilung

Grundlegende Implementierung der MainHeader-Komponente

Optimierung des MainHeader-Codes

MainTodo-Seitenstruktur

MainTodo-Stil

Struktur der TodoItem-Seite

TodoItem-Stil

TodoItem fügt Funktionalität hinzu

TodoItem hat die Löschfunktion ausgewählt

TodoInfo-Stil

Optimierung des TodoInfo-Stils

TodoInfo-Statistikfunktion

TodoInfo-Statusumschaltfunktion

Todoinfo-Löschfunktion

Zusammenfassung

Mainfooter-Komponente