ルート(a)のルート知人vue-

1、ルートを追加します

VUEを入力CMDにルータを追加

歴史的モデルを使用するには?[いいえ]を選択

ビューとrouter.js:srcフォルダをインストールした後、二つ以上のファイルになります

二つのビューコンポーネントがあります。

router.jsルーティング設定

これはちょうど導入ルータが設置され、VUE-ルータはnode_modulesを置く、直接使用することは、導入することができます

ホームはのビューから導入され、

Vue.use(ルータ)は、あなたが書いていない、それはこれらの単語を使用する例をVUEするために2つの事を追加する場合は、ルーティングが有効になりません、VUEルータを使用することです:$ルータ(メソッドをルーティング)$ルート(属性のルーティングに)
 
最初のパスは、コンテンツを表示するために何であるかどうルーティングの設定を考慮する必要があります
二つの経路を装備
第二の成分は、ルーティング機能で、目的は遅延ロードにされた後、最初の画面をロードする速度を上げる、あなたはちょうどそれがページをロードするときにのみページの裏に切り替えるには、ホームのルートパスに対応したページをロードするために開始することができます
コンポーネント:()=>インポート(/ * webpackChunkName: "約" * / './views/About.vue')
インポートは値コンポーネントのうちアセンブリを導入し、導入され
パスを設定し、パスがエクスポートされる:輸出デフォルト
main.jsへ 
main.js内のルータの導入
そして、新しいVueのにルーターを使用して(それが実際のフォームルータで、短い使用しています:ルータ)
どのように使用するには:
 
 
ルーティングモード:
2つの方法:1、履歴2の履歴パターン、ハッシュ(#) 
ページを更新することなく、ハッシュ
#表示されない一般的な使用履歴モードでは、あなたは歴史を利用することができます
 
 

おすすめ

転載: www.cnblogs.com/tianya-guoke/p/11485096.html