ルーティングとは何ですか?
URLまたはデータに応じて、異なるページを表示します。
カテゴリ:フロントエンドとバックエンドルーティング経路への経路。
フロントエンドルートは:主に単一ページの開発のために、フロントエンドルーティングユーザーがパスの変更は、バックエンドを通過しない、それは更新されません要求したとき、ジャンプしません。
原理:onhashchangeまたはhistory.jsによるページ切り替えのため。
ルートのフロントエンドは、主にページをレンダリングするために使用されています。
ルートの後端部:ユーザーの要求に応じて、異なるページまたはデータパスに復帰。
ルーティングの道を移動:
1、ジャンプタグ
2、ルータリンクジャンプ
3、プログラミングルーティング----これ。$ Router.push()
ルートは、値渡し:
1、動的ルーティング伝統的な価値観。たとえば、次のパス:「/ホーム/:上記のID /名前」;で受け入れ 、この$ route.params。
2、query传值。因为在url中?后面的参数不会被解析,因此我们可以通过query进行传值。接受的时候通过 this.$route.query
3、ルーティングデカップリング。小道具がある属性を追加のルーティング設定する場合はtrue、コンポーネントページは小道具によって受け入れられた引数を受け取る必要があります
図4に示すように、ナビゲーションプログラム 。Router.pushこの$({パス:"/ホーム"、クエリ:{}})。
設定項目に共通の属性と機能をルーティング:
設定パラメータをルーティング:
パス:パスジャンプ
成分:路に対して成分
名前:名前付きルート
メタ:メタ情報ルート
子供:設定パラメータサブルート(ルートネストされました)
小道具:ルートはデカップリング
リダイレクト:ルートをリダイレクト
ナビゲーションプログラミングアプローチが使用され、一般的な方法:
ルーティングジャンプ:.この$のrouter.push()
ルート置き換える:.この$のrouter.replaceを()
戻るこの$のrouter.back :.()
フォワード:.この$のrouter.forward()
ルートをリダイレクトするには?
ルーティング設定のリダイレクトリダイレクト
デカップリングをルーティング達成するためにどのように?
在路由的配置项中设置props:true,在需要接受组件的内部通过props进行接受