我們可以直接從官網下載VueRouter。引入vue路由器後，Vue會自動安裝:
在模塊化打包系統中，必須通過Vue.use()顯式安裝Vuex:
在本章的VueRouter學習中，我們都將使用CDN來介紹路由。
用Vue.js+VueRouter創建壹個單頁應用非常簡單。有了Vue.js，我們已經可以通過組合組件來編寫應用程序。當妳想添加VueRouter的時候，我們需要做的就是把組件映射到路線上，然後告訴VueRouter在哪裏渲染。在使用VueRouter之前，我們需要了解VueRouter的兩個內置組件:
接下來，讓我們看壹個基本的例子:
示例演示
“運行案例”查看在線運行效果。
代碼解釋:在HTML代碼行12-13中，我們定義了兩個跳轉鏈接；HTML代碼行15，我們用組件來渲染匹配的組件；JS代碼第5-7行，我們定義了組件索引；；JS代碼行9-11，我們定義了組件文章；；JS代碼行13-16，我們定義了路由數組:
JS代碼行18-20，創建壹個路由器實例，然後傳遞routes配置。JS代碼第24行，通過路由器配置參數進入路由。
在本節中，我們將帶您了解VueRouter。主要知識點如下: