Nommage des routes Vue.js et vues nommées

Cette fois, je vous présente le routagenommage et dénominationvue de Vue.js, quelles sont les précautions concernant la dénomination des routes et les vues de Vue.js, les Ce qui suit est un cas pratique, jetons un coup d'oeil.

Nom de l'itinéraire Nous pouvons définir un nomattribut lors de la définition de l'itinéraire, et directement pendant le processus de navigation : to="{name: 'corresponding name'} " Vous pouvez

let router = new VRouter({  mode: 'history',  routes: [
    {      path: '/apple',      component: Apple,      //命名路由
      name: 'applePage',
    }
   ......
  ]
})

être utilisé dans d'autres endroits à l'extérieur :

<router-link :to="{name: &#39;applePage&#39;}" >to apple</router-link>

la vue nommée
est similaire à la route nommée ci-dessus Ajoutez le nom spécifié au composant

.

let router = new VRouter({  mode: 'history',  routes: [
    {      path: '/apple',      //命名视图
      component: {        viewA: Apple,        viewB: RedApple
      },      //命名路由
      name: 'applePage',
    }
   ......
  ]
})

Lorsqu'il est utilisé dans d'autres endroits à l'extérieur :

<router-view name="viewA"></router-view>或者<router-view name="viewB"></router-view>分别插入不同的视图

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention au site Web chinois php. Autres articles liés !

Lecture recommandée :

Autres opérations de routage Vue.js

Composants de widget uniques de Vue.js

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!