Wie sich vue.js auf den Vue-Router bezieht

Die Methode für vue.js, um auf den Vue-Router zu verweisen: Installieren Sie zuerst das npm-Paket, der Code lautet [npm install vue-router --save] und verwenden Sie dann die [v-link]-[Anweisung].

【Empfohlene verwandte Artikel: vue.js】

vue.js So zitieren Sie den Vue-Router:

Installation

Basierend auf der Tradition bevorzuge ich Installieren Sie es als npm-Paket.

npm install vue-router --save

Natürlich verwendet der Beamte eine Vielzahl von Installationsmethoden, darunter Bower, CDN usw.

Grundlegende Verwendung

Zur Verwendung in HTML-Dokumenten verwenden Sie einfach den v-link dieser Anweisung, wie zum Beispiel: v-link这个directive就行了，如：

<a v-link="{path: &#39;/view-a&#39;}">Go to view-a</a>

ps: v-link还支持activeClass用于指定链接活跃时的css样式。replace

var router = new VueRouter();
router.map({
  '/view-a': {
    component: ViewA
  },
  '/view-b': {
    component: ViewB
  }
});
router.start(App, '#app');

ps: v - link unterstützt auch activeClass zur Angabe des CSS-Stils, wenn der Link aktiv ist. Wenn das Attribut replace wahr ist, hinterlässt der Link beim Springen keinen Verlaufsdatensatz.

Bei Verwendung in ES5 müssen Sie zuerst eine Router-Instanz erstellen und dann die Konfigurationsparameter übergeben, wie zum Beispiel:

rrreee

Die oben definierten Router-Regeln werden einer Komponente zugeordnet, wenn die Anwendung schließlich gestartet wird gemountet auf dem #app-Element.

Verwandte kostenlose Lernempfehlungen: JavaScript

(Video)

🎜

Das obige ist der detaillierte Inhalt vonWie sich vue.js auf den Vue-Router bezieht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!