Comment vue.js fait référence au routeur vue

Comment vue.js fait référence à vue router : installez d'abord le package npm, le code est [npm install vue-router --save] puis utilisez [v-link] cette [directive].

[Articles connexes recommandés : vue.js]

Méthode du routeur vue de référence Vue.js :

Installation

Basé sur la tradition, je préfère Installer en tant que package npm.

npm install vue-router --save

Bien sûr, le responsable utilise diverses méthodes d'installation, notamment bower, cdn, etc.

L'utilisation de base

est utilisée dans les documents HTML, utilisez simplement v-linkcecidirective, tel que :

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

ps : v-link Prend également en charge activeClass pour spécifier le style CSS lorsque le lien est actif. replaceLorsque l'attribut est vrai, le lien ne laissera pas d'historique lors du saut.

Pour l'utiliser dans ES5, vous devez d'abord créer une instance de routeur, puis transmettre les paramètres de configuration, tels que :

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

Les règles de routeur définies ci-dessus sont mappées sur un composant, et enfin Au démarrage de l'application, montez-la sur l'élément #app.

Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!