VUEプログラミングナビゲーション、ルーティング名

// フォームのプログラミングナビゲーション結合事象と呼ばれる、フォームwindow.location.href使用 
<テンプレート> 
    の<divクラス=「製品-項目」V- のために =「goodslistの項目」：キーは=「item.id」@ =をクリックして"goDetail（item.id）"> 
    </ div> 
</テンプレート>

</ SCRIPT> 
エクスポートデフォルト{ 
   goDetail（ID）{ 
      // ルートナビゲーションJSの形で使用される

  
      @ 最も単純な1 
      // この$（ "/ホーム/ goodsinfo /" + ID）router.push; 

      //を2.通過オブジェクト
      // この$のrouter.push（{パス： "/ホーム/ goodsinfo /"} + ID）;. 

      // 名前3搬送経路
      、この $のrouter.push（{名：。 "goodsinfo" 、paramsは：{ID：ID}}）; 
    } 
  } 
};
 </ SCRIPT>

VARルータ= 新しい新しいVueRouter（{ 
  ルート：// 設定ルールをルーティング 
    {パス： '/'、リダイレクト'/ホーム' }、
    {パス： '/ホーム' 、コンポーネント：HomeContainer}、
    {パス：「/ホーム/ goodsinfo /：ID 'コンポーネント：goodsInfo、名称：' goodsinfo ' }、
    {パス： ' /ホーム/ goodsdesc /：ID 'コンポーネント：goodsDesc、名称：' goodsdesc '   } 
  ]、
  linkActiveClass： ' MUIアクティブ 
   // デフォルトルートがデフォルトクラスがアクティブリンク・ルーターと呼ばれ、クラスを強調し上書き 
）} 

//設定するルーティングルールは、属性を含む：パス、リダイレクト、コンポーネント、子供 、名前を

注意：この$ルートと、この$ルータこれらの2つのオブジェクトを区別するようにしてください.. 
。この$ルートは、すべてのルーティングパラメータは、パラメータ、すべてがそれに属しているクエリ]ルートParameterオブジェクトである
。この$ルータは、ルーティング[です。ナビゲーションオブジェクト]は、それが簡単に往路を達成するためのJSコードを使用することができます使用して、後方に、新しいURLアドレスにジャンプ