vue-router(vue中的路由)
阿新 • • 發佈:2020-10-15
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()
注:特別注意路由獨享守衛和元件內的守衛