<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 にそれを含める必要がありません。
#