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');

rrreee

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!