初心者のルーティングに関する注意事項

ルートを作成

 1. フォルダーを作成します: ルーター、js をビルド、js にルーターをインポート、vue.use() を使用してルーターをインストール

    「vue-router」から VueRouter をインポートします。

   VueRouter プラグインの使用

   Vue.use(VueRouter)

   コンポーネントのインポート

   「../components/Home」からホームをインポートします。

   「../components/About」から About をインポートします。

]

2. VueRouter インスタンスを作成し、ルート マッピング構成を完了する

     ルーティングとコンポーネントのマッピング関係を構成する

   let routes = [//Vue Router インスタンスを作成し、ルート マッピング構成を完了します

    {

        パス: '/ホーム',

        コンポーネント: ホーム

    }、

    {

        パス: '/について',

        コンポーネント: 概要

    }

               

3. main.js にルーターをインポートする

     「./router」からルーターをインポート

 4. App.vue コンポーネントで <router-link> タグと <router-view> タグを使用し、to 属性を設定します。

    <router-link to="/home">首页</router-link>