Vue-Router 是什麼
簡介
單頁面開發模式的路由全權交由前端來控制，這裏的路由不是我們說的路由器等硬件設備，它是前端的路徑管理器。而 Vue-Router 是官方提供的路由插件，市面上也不乏路由管理插件，但是隻有 Vue-Router 能和 Vue 深度集成完美搭配。
單頁面與傳統頁面跳轉的區別
- 單頁面
Vue 的單頁面開發模式是基於組件和路由的配合，所有的頁面均可視爲組件，路由控制着訪問路徑，而每個路徑映射一個組件。在單頁模式中使用 a 標籤做路由跳轉是行不通的，因爲本質上單頁模式就只有一個 index.html 頁面，所有的頁面組件都在打包好的 JS 文件中，所以要使用 Vue-Router 的路由組件來跳轉，這裏的原因在後文中會有具體的例子解析。
- 傳統頁面
傳統頁面的開發模式，路由一般是由超鏈接（a 標籤）來控制頁面的跳轉與切換，每次都會刷新整個頁面，體驗上不如單頁模式。
Vue-Router 路由模式
Vue-Router 爲我們提供了三種路由模式：
- Hash模式
- History模式
- abstract模式
Hash模式
Hash 模式是 Vue-Router 的默認模式，具體的體現是在瀏覽器地址欄上 URL 路徑永遠帶着一個「#」號。在瀏覽器支持度上面，Hash 模式是比較強勢的，甚至能兼容低版本的 IE 瀏覽器。「#」號後面內容的