Vue.js Routenbenennung und benannte Ansichten

Dieses Mal werde ich Ihnen das RoutingBenennung und die Benennungsansicht von Vue.js vorstellen. Was sind die Vorsichtsmaßnahmen bezüglich der Routenbenennung und Benennungsansichten von Vue.js? Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.

Routenbenennung Wir können beim Festlegen der Route und direkt während des

Navigation-Prozesses ein NamensAttribut festlegen: to="{name: 'corresponding name'} " Sie können

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

an anderen Orten außerhalb verwendet werden:

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

benannte Ansicht

ähnelt der oben genannten benannten Route

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

Bei Verwendung an anderen Orten außerhalb:

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website

Andere verwandte Artikel!

Empfohlene Lektüre:

Andere Vorgänge des Vue.js-Routings

Einzelne Widget-Komponenten von Vue.js

Das obige ist der detaillierte Inhalt vonVue.js Routenbenennung und benannte Ansichten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!