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

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

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

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

const Foo : {template: &#39;<p> this is foo </p>
const Bar : {template: &#39;<p> this is bar </p>
.....
ログイン後にコピー

2. ルートを定義します

const routes: [
{path: &#39;/foo&#39;, component: Foo},
{path: &#39;/bar&#39;, component: Bar}
]
ログイン後にコピー

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

const router = new VueRouter({
        routes: routes
})
ログイン後にコピー

HTML

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

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