vue.js でルーティングを構成する方法

vue.js でルーティングを構成する方法: 1. vue-router をインストールします; 2. vue-router を参照します; 3. [var router = new VueRouter({routes:[{path :" /hello",component...].

この記事の動作環境: Windows10 システム、vue.js 2.9、thinkpad t480 コンピューター。

vue.js でルーティングを構成する手順は次のとおりです。

インストール

npm install --save vue-router

リファレンス

import VueRouter from 'vue-router'

構成ルーティング ファイル

var router = new VueRouter({
   routes:[
    {
      path:"/hello",
      component:HelloWorld
    },
    {
      path:"/wen",
      component:HelloWen
    }
   ]
   })
    
   new Vue({
   el: '#app',
   components: { App },
   router,
   template: &#39;<App/>&#39;
   })

ロードされた場所を表示

975b587bf85a482ea10b0a28848e78a4dd6e4ababe59793a4ac75fb9e5c5550e

をデフォルトの App.vue ファイルに追加

ジャンプ ナビゲーション

<router-link to="/hello">helloword</router-link>（渲染出来的是a标签）

推奨学習:
php トレーニング

######

以上がvue.js でルーティングを構成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。