vue-router
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,讓構建單頁面應用變得易如反掌。包含的功能有:
- 嵌套的路由/視圖表
- 模塊化的、基於組件的路由配置
- 路由參數、查詢、通配符
- 基於 Vue.js 過渡系統的視圖過渡效果
- 細粒度的導航控制
- 帶有自動激活的 CSS class 的鏈接
- HTML5 歷史模式或 hash 模式,在 IE9 中自動降級
- 自定義的滾動條行爲
至於vue-router,官網上已經描述的很詳細了,就不再重複了,其功能基本都可以在業務開發上派上用場:
- 動態路由匹配:是路由間傳參必備手段
- 嵌套路由:這個在模塊化管理上是非常有用的
- 編程式的導航:轉跳建議使用,不建議使用router-link
- 命名視圖:可用於做layout佈局
- 重定向:記住redirect即可,可用於404頁面
- 導航守衛+路由元信息:登陸驗證
- 過渡動效:優化用戶體驗
- 路由懶加載:有效優化首屏渲染時間、增強用戶體驗
- 滾動行爲:優化用戶體驗