Vueのルーターとルートの違いは何ですか?

違い: ルーターは、「Vue.use(VueRouter)」およびグローバル オブジェクトである VueRouter コンストラクターを通じてインスタンス オブジェクトを取得します。 Route はジャンプ ルーティング オブジェクトであり、各ルートにはローカル オブジェクトであるルート オブジェクトがあります。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

router とは

Router は VueRouter のオブジェクトであり、Vue.use(VueRouter) と VueRouter コンストラクターを介してルーターのインスタンス オブジェクトを取得します。すべてのルートと多くのキー オブジェクトとプロパティを含むグローバル オブジェクトです。

履歴オブジェクトと同様

• ##$router.push({path:'home'});本質は履歴オブジェクトを追加することです私たちの意見では、ルーティングとはルートを切り替えることですが、本質は履歴レコードを追加することです

メソッド:

$router.replace({path:'home'});//替换路由，没有历史记录

ルートとは

Route はジャンプ ルーティング オブジェクトです。各ルートには、対応する名前、パス、パラメータ、クエリなどを取得できるローカル オブジェクトであるルート オブジェクトがあります。

$route.path 現在のルーティング オブジェクトのパスに等しい文字列。
"/home/news" などの絶対パスとして解析されます。

$route.params ルート内の動的フラグメントと完全一致フラグメントのキーと値のペアを含むオブジェクト

$route.query ルート内のクエリ パラメーターのキーと値のペアを含むオブジェクト。たとえば、
/home/news/detail/01?favorite=yes の場合、 $route.query.favorite == 'yes' が返されます。

$route.router ルーティング ルールが属するルーター (およびそれが属するコンポーネント)。

$route.matched 現在一致しているパスに含まれるすべてのフラグメントに対応する構成パラメータ オブジェクトを含む配列。

$route.name 現在のパスの名前。名前付きパスが使用されていない場合、名前は空になります。

$route.path 、 $route.params 、 $route.name 、 $route.querythisいくつかの属性は理解しやすく、主にルートによって渡されるパラメーターを受け取るために使用されます

関連する推奨事項: "

vue.js チュートリアル"

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