Vue-Konfigurationsdetails für mehrere Seiten

1. Der Unterschied zwischen mehreren Seiten

Das Konzept der Single-Page-Anwendung entstand in den letzten Jahren mit der Einführung von Frameworks wie AngularJS , React und Ember . In der vorherigen Einführung haben wir über die teilweise Aktualisierung der Seite beim Seiten-Rendering gesprochen. Die Einzelseitenanwendung verwendet die Funktion zur teilweisen Aktualisierung der Seite, um den Seiteninhalt beim Seitenwechsel zu aktualisieren und so ein besseres Erlebnis zu erzielen.

2. SPA und MPA

Die Unterschiede zwischen SinglePage SinglePage Web Application Application (SPA) und MultiPage Application (MPA) sind wie folgt:

3. Vue Cli-Gerüstkonfiguration

Erster Schritt:

Wir erstellen eine Hauptseite und eine Unterseite unter der public Datei. Die Verzeichnisstruktur ist wie folgt

Schritt 2:

Zur Hauptseite und zur Unterseite müssen entsprechende Hauptseite-Eintragsdateien und Unterseite-Eintragsdateien vorhanden sein. Die Verzeichnisstruktur ist wie folgt

Schritt 3:

Das Konfigurieren pages in vue.config.js kann als Konfigurationszuordnung mehrerer Seiten verstanden werden.

Seiten: {
    Index: {
        Eintrag: 'src/main.js',
        Vorlage: „public/index.html“,
        Dateiname: 'index.html',
    },
    Bangban:
        Eintrag: 'src/banban.js',
        Vorlage: 'bangban.html',
        Dateiname: „public/bangban.html“
    }
}

Dies ist das Ende dieses Artikels über die Details der Vue-Mehrseitenkonfiguration. Weitere relevante Inhalte zur Vue-Mehrseitenkonfiguration finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!