vue學習筆記之路由(Vue Router)安裝

一、安裝

直接下載下傳 / CDN

https://unpkg.com/vue-router/dist/vue-router.js

Unpkg.com 提供了基于 NPM 的 CDN 連結。上面的連結會一直指向在 NPM 釋出的最新版本。你也可以像 

https://unpkg.com/[email protected]/dist/vue-router.js

 這樣指定 版本号 或者 Tag。

在 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 标簽，則無須如此 (手動安裝)。

建構開發版

如果你想使用最新的開發版，就得從 GitHub 上直接 clone，然後自己 build 一個 

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