vue.js が vue ルーターを参照する方法

Vue.js は vue router メソッドを指します。まず npm パッケージをインストールします。コードは [npm install vue-router --save] で、次に [v-link] [ディレクティブ] を使用します。

【おすすめ関連記事：vue.js】

vue.js は vue ルーター メソッドを指します。

#インストール

伝統に基づいて、私はnpm パッケージとしてインストールします。

npm install vue-router --save

もちろん、公式では bower や cdn など、さまざまな方法でインストールを行っています。

基本的な使用法

HTML ドキュメントで使用する場合は、次のような v-linkディレクティブを使用します。

<a v-link="{path: &#39;/view-a&#39;}">Go to view-a</a>

ps: v-link は、リンクがアクティブなときに CSS スタイルを指定するための activeClass もサポートしています。 replace属性が true の場合、リンクはジャンプ時に履歴レコードを残しません。

ES5 で使用するには、最初にルーター インスタンスを作成し、次に次のような構成パラメーターを渡す必要があります。

var router = new VueRouter();
router.map({
  '/view-a': {
    component: ViewA
  },
  '/view-b': {
    component: ViewB
  }
});
router.start(App, '#app');

上で定義したルーター ルールはコンポーネントにマッピングされます。そして最後に、アプリケーションを起動するときに、それを #app 要素にマウントします。

関連する無料学習の推奨事項: JavaScript (ビデオ)

以上がvue.js が vue ルーターを参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。