1. 程式人生 > 實用技巧 >vue-router(vue中的路由)

vue-router(vue中的路由)

vue——router內容

1.hash和history模式
2.router-linl中屬性:

  • replace和pushstate(可以goback())

  • 每個標籤單獨改時在router-link中新增active-class,統一修改時,在new router中新增linkActiveClass引數

  • tag——轉換成的標籤,預設是a標籤

  • to——路由跳轉(通過點選事件,路由跳轉時,在函式中設定this.$router.push())

  • 傳參跳轉:例如:

  • :to="’/user‘+id"

  • 接收:this.$router.params.id

  • 巢狀路由

  • 在這裡插入圖片描述

  • 傳遞引數的方式

    在這裡插入圖片描述

在這裡插入圖片描述

3.全域性守衛
router.beforeEach()
router.afterEach()
注:特別注意路由獨享守衛和元件內的守衛