ホームページ > ウェブフロントエンド > jsチュートリアル > vue でルーティングを作成するためのいくつかの手順

vue でルーティングを作成するためのいくつかの手順

一个新手
リリース: 2017-10-07 11:39:34
オリジナル
3379 人が閲覧しました

vue でルーティングを作成するためのいくつかの手順;
ステップ 1: ルーティングが必要なコンポーネントを定義します。
ステップ 2: ルートを定義します。
ステップ 3: ルーティング インスタンスを作成し、定義されたルートの構成を渡します。
ステップ 4: ルートをマウントするルート インスタンスを作成します。
1. ルーティングコンポーネントを定義します

1

2

3

const Foo : {template: &#39;<p> this is foo </p>

const Bar : {template: &#39;<p> this is bar </p>

.....

ログイン後にコピー

2. ルートを定義します

1

2

3

4

const routes: [

{path: &#39;/foo&#39;, component: Foo},

{path: &#39;/bar&#39;, component: Bar}

]

ログイン後にコピー

3. ルーティングインスタンスを作成し、定義されたルートの設定を渡します

1

2

3

const router = new VueRouter({

        routes: routes

})

ログイン後にコピー

HTML

以上がvue でルーティングを作成するためのいくつかの手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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