router路由

两种路由模式
history:
hash:
两种跳转方式
to:保留历史记录
replace to :不保留历史记录
编程式跳转:router.push()
router.replace()
router.go(1)前进
router.back()后退
两种传参方式:query,params
params需要提前配置路由参数
get请求使用params:{},post请求使用data:{}
const item=data.find(item=>item.id===Number(router.params.id))
只需要传一个id即可获得全部数据,使用find可以直接获得对象,filter会返回数组
路由懒加载:()=>import("src/views/Home.vue")
alias:可以给路由起别名,使用字符串或字符串数组
前置路由守卫:router.beforeEach((to,from,next)=>{

})
to:到哪里
from:从哪里来
next:下一步跳到哪
后置路由守卫:router.afterEach(to,from)
独享守卫:router.beforeEnter(to,from,next)常用于登录鉴权

posted @ 2025-06-15 17:05  我就起个名字不至于吧  阅读(5)  评论(0)    收藏  举报