Vueのthis.$routerの役割は？

2年 ago
蓮, 翼
1 minute

Vueにおけるthis.$routerとはVue Routerのインスタンスで、画面遷移やルーティングの管理を行うものです。

this.$router では、ページの遷移やパラメータの受け渡しが可能なメソッドが数多く提供されています。

  1. this.$router.push(location)：指定されたルートへ遷移する。
  2. this.$router.replace(location)：新しいルートに現在のルートを置き換えます。
  3. this.$router.go(n):ブラウザの履歴内でnステップ進んだり戻ったりする
  4. this.$router.back()：1つ前のページへ戻る
  5. this.$router.forward()： 次のページへ進む

さらにthis.$routerはルーティングの情報とステータスを提供します。たとえば：

  1. this.$router.currentRoute：現在のルート情報
  2. this.$router.mode: ルーティングのモード（hashまたはhistory）;
  3. this.$router.options：ルーターの設定オプション

要約すると，this.$routerはページのナビゲーションやルーティングの管理に用いらるもので、開発者がページの遷移やルーティングの管理操作を簡単に行えるよう、いくつかのメソッドとプロパティを提供しています。

bannerAds