router-linkコンポーネント

router.vuejs.org

<router-link> は
ルーターが使用可能になっているアプリケーションで
ユーザーのナビゲーションを有効にするためのコンポーネントです。

対象とする location は to プロパティを使って指定します。
デフォルトでは正しい href と共に <a> タグとして描画しますが、
tag プロパティを設定することも可能です。

さらに、対象のルートがアクティブの時に、
そのリンクは自動的にアクティブな CSS クラスが当てられます。


下記の理由により <router-link> はハードコードする <a href="..."> よりも好ましいです。

  • HTML5 history モードでも hash モードでも同じ方法で動作します。

    • もしあなたがモードを切り替えたりする場合や、IE9 で hash モードにフォールバックする場合に、何も変更する必要はありません。
  • HTML5 history モードにおいて、ブラウザがページのリロードをしないように router-link はクリックイベントに割り込みます。

  • HTML5 history モードで base オプションを使っている時に、 to プロパティの URL にそれを含める必要がありません。

#