単一ページのアプリケーション開発のVueの最近の研究では、VueRouterを使用する、VUE家族のバケツを必要とルーティング設定とジャンプで二つのオブジェクトの$ルータと$ルートを満たし、一部は無邪気に伝え、その後オンラインと組み合わせますそれらの違いを理解するためにブログやその地域のVueのデベロッパーツール構造
1.routerがVueRouterの目的である、ルータVue.use(VueRouter)とVueRouterコンストラクタを通じてオブジェクトのインスタンスを取得し、このオブジェクトは、それはすべての主要ルーティングは、多くのオブジェクトと属性が含まれているグローバルオブジェクトが含まれています。
たとえば、次のように履歴オブジェクト
$ Router.push({パス:「ホーム」});基本的に我々の見解でスイッチングルートですが、本質的には、履歴レコードに追加され、履歴スタックにルートを追加
方法:
$ Router.replace({パス: '自宅'}); //代替ルート、無履歴
2.routeルーティングオブジェクトがジャンプは、各ルートは、ルートオブジェクトを持って対応する名前、パス、paramsは、クエリなどを取得することができる部分的オブジェクト
私たちは、VUEデベロッパーツールから異なるルートに各オブジェクトを見ることができます
これら二つの異なる構造は、そのプロパティの一部が異なっている、二つの違いで見ることができます。
- $ 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.query
これらの属性は、理解しやすい、それらが表す例を見ての意味を知ることができるようになります
http://www.werdaa.com/atricle/173.htm
http://www.werdaa.com/atricle/174.htm
http://www.werdaa.com/atricle/175.htm
http://www.werdaa.com/atricle/176.htm
http://www.werdaa.com/atricle/177.htm
http://www.werdaa.com/atricle/178.htm
http://www.werdaa.com/atricle/179.htm
http://www.werdaa.com/atricle/180.htm
http://www.werdaa.com/atricle/181.htm
http://www.werdaa.com/atricle/182.htm
http://www.werdaa.com/atricle/183.htm
http://www.werdaa.com/atricle/184.htm
http://www.werdaa.com/atricle/185.htm
http://www.werdaa.com/atricle/186.htm
http://www.werdaa.com/atricle/187.htm
http://www.werdaa.com/atricle/188.htm
http://www.werdaa.com/atricle/189.htm
http://www.werdaa.com/atricle/190.htm
http://www.werdaa.com/atricle/191.htm