Introduction au cours

Initialisation du projet

Créer une instance racine de Vue

Monter les composants de l'application

test

configuration de base du pack Web

script de pack Web

Installation de vue-loader

Configuration de vue-loader

test du chargeur vue

Introduction aux chargeurs couramment utilisés

Utilisation de base du chargeur de fichiers (Partie 1)

Utilisation de base du chargeur de fichiers (Partie 2)

Utilisation du chargeur d'URL

emballage CSS (partie 1)

emballage CSS (partie 2)

introduction au stylet et plug-ins

emballage du fichier stylet

Utiliser le stylet en vue

plugin html-webpack-plugin

plugin-clean-webpack

plugin de préfixe automatique

Introduction et configuration du serveur devServer

Implémentation du code métier

Démo HMR

Carte source

Emballage environnement de production

Extraire le code commun

Analyse ES6

Démo

Préparation du projet

Fractionnement des composants

Implémentation de base du composant MainHeader

Optimisation du code MainHeader

Structure de la page MainTodo

Style principalTodo

Structure des pages TodoItem

Style de l'élément Todo

TodoItem ajoute des fonctionnalités

Fonction de suppression sélectionnée par TodoItem

Style TodoInfo

Optimisation du style TodoInfo

Fonction de statistiques TodoInfo

Fonction de changement d'état TodoInfo

Fonction de suppression de Todoinfo

résumé

Composant de pied de page principal