vue之vue-router

vue-router

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,讓構建單頁面應用變得易如反掌。包含的功能有:

  • 嵌套的路由/視圖表
  • 模塊化的、基於組件的路由配置
  • 路由參數、查詢、通配符
  • 基於 Vue.js 過渡系統的視圖過渡效果
  • 細粒度的導航控制
  • 帶有自動激活的 CSS class 的鏈接
  • HTML5 歷史模式或 hash 模式,在 IE9 中自動降級
  • 自定義的滾動條行爲
至於vue-router,官網上已經描述的很詳細了,就不再重複了,其功能基本都可以在業務開發上派上用場:
  • 動態路由匹配:是路由間傳參必備手段
  • 嵌套路由:這個在模塊化管理上是非常有用的
  • 編程式的導航:轉跳建議使用,不建議使用router-link
  • 命名視圖:可用於做layout佈局
  • 重定向:記住redirect即可,可用於404頁面
  • 導航守衛+路由元信息:登陸驗證
  • 過渡動效:優化用戶體驗
  • 路由懶加載:有效優化首屏渲染時間、增強用戶體驗
  • 滾動行爲:優化用戶體驗
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章