vue の $router と $route の違いは何ですか

Vue の Router と Route は、異なる機能と意味を持つ 2 つのルーティング関連属性です: 1. $router は、ナビゲーションとルーティング管理のためのメソッドと属性を提供する Vue Router のインスタンスです; 2. $route現在のアクティブなルートの情報オブジェクトであり、現在のルートに関する情報が含まれています。

Vue では、router と Route はルーティングに関連する 2 つの属性であり、機能と意味が異なります。

$\text{Pass<br>}$router は VueRouter のインスタンスであり、移動および移動するためのいくつかのメソッドとプロパティを提供します。ルーティングを管理します。 router を通じて、他のルートへのジャンプや動的ルーティング パラメータなどの操作を実行できます。

たとえば、$router.push() メソッドを使用してルート ジャンプを実行できます。

// 在Vue组件中
methods: {
  goToAboutPage() {
    this.$router.push('/about');
  }
}

route は、現在のアクティブなルートの情報オブジェクトであり、ルートの関連情報が含まれています。パス、パラメータ、クエリパラメータなどの現在のルート。ルートを通じて、現在のルーティング情報を取得したり、ルーティングの変更を監視したりできます。

たとえば、$route.params を使用して動的ルーティングのパラメーターを取得できます:

// 在Vue组件中
mounted() {
  console.log(this.$route.params.id);
}

要約:

• $router は Vue のインスタンスですルーター。ナビゲーションとルーティング管理のためのメソッドとプロパティを提供します。
• $route は、現在のアクティブなルートの情報オブジェクトであり、現在のルートに関連する情報が含まれています。

以上がvue の $router と $route の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。