ホームページ > ウェブフロントエンド > Vue.js > Vueのルーターとルートの違いは何ですか?

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

青灯夜游
リリース: 2023-01-13 00:45:25
オリジナル
15340 人が閲覧しました

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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート