vue-router教程一（安裝篇）

Installation安裝

#直接下載/cdn

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

Unpkg.com提供基於NPM的CDN鏈接。上述鏈接將始終指向NPM的最新版本。您還可以通過https：//unpkg.com/vue-router@2.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)

在使用全局腳本標記時，不需要這樣做。

Dev構建

如果您想使用最新的dev Build，您必須直接從GitHub克隆並自己構建vue路由器。

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

介紹

版本說明

對於類型記錄用戶，vue-router@3.0需要vue@2.5，反之亦然。

Vue路由器是Vue.js的官方路由器。它與Vue.js核心進行了深入的集成，使得使用Vue.js構建單個頁面應用程序變得輕而易舉。其特點包括：　　

• 嵌套路由/視圖映射
• 模塊化、基於組件的路由器配置
• 路由參數、查詢、通配符
• Vue.js過渡系統驅動的視圖轉換效果
• 細粒度導航控制
• 具有自動活動CSS類的鏈接
• HTML 5歷史模式或散列模式，在IE9中具有自動回退。
• 可定制滾動行為