インストール

直接ダウンロード / CDN

https://unpkg.com/vue-router@3/dist/vue-router.js (opens new window)

Unpkg.com (opens new window) は npm ベースの CDN リンクです。 上記のリンクは常に NPM 上の最新のリリースを指します。 https://unpkg.com/vue-router@3.0.0/dist/vue-router.js のような URL を利用することで特定のバージョンやタグを指定することもできます。

Vue の後に vue-router を含めると自動的にインストールされます。

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>

npm

npm install vue-router

モジュールシステムを使う場合、Vue.use() を使って明示的にルーターをインストールする必要があります。

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

グローバルな script タグを使っている場合は必要ありません。

Vue CLI

Vue CLI (opens new window) を使用している場合、 Vue Router をプラグインで追加することができます。2つのサンプルルートと同様、上記のコードを CLI に生成させることができます。App.vueもまた上書きされるため、 プロジェクト内で以下のコマンドを実行する前にファイルをバックアップしておいてください:

vue add router

開発用ビルド

もし最新の開発用ビルドを使用したい場合は、GitHub から直接クローンして vue-router をご自身でビルドしてください。

git clone https://github.com/vuejs/vue-router.git node_modules/vue-router
cd node_modules/vue-router
npm install
npm run build