Vue.js ルートの名前付けと名前付きビュー

今回は、Vue.jsのルーティングビューの名前付けとネーミングと、Vue.jsのルーティングとビューのネーミングの注意事項についてお届けします。以下は実践的なケースですので、見てみましょう。

ルートの名前付け ルートの設定時に name

属性を設定できます。また、ナビゲーションプロセス中に直接 to="{name: '対応する名前'}" を設定できます

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

外部の他の場所で使用する場合:

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

名前付きビュー

は、上記の名前付きルートに似ています。コンポーネントに指定した名前を追加します

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

外部の他の場所で使用する場合:

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

この記事の事例を読んだ後は、方法を習得したと思います。もっとエキサイティングなことについては、php 中国語のウェブサイト

その他の関連記事をご覧ください。

推奨読書:

Vue.js ルーティングのその他の操作

Vue.js の単一コンポーネント

以上がVue.js ルートの名前付けと名前付きビューの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。