![](https://img-blog.csdnimg.cn/b868fe8e20394f18b0e5561cbc8c7669.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 73
111
冬日的琛
这个作者很懒,什么都没留下…
展开
-
带参数的动态路由匹配
有的时候,一个user组件,它应该对所有用户进行渲染,但是用户ID不同。所以可以用一个动态字段来实现,称为 路径参数:动态路由有两种匹配方式:方法一:使用{{$route.params.id}}传递动态参数如图:实现的页面效果当然,也可以在同一个路由中设置多个路径参数,它们都会映射到$route.params上的相应字段匹配模式 匹配路径 $route.params /users/:username /users/eduardo { userna.原创 2022-05-26 18:21:04 · 540 阅读 · 0 评论 -
vue路由
vue的路由就是一个页面的组件跳转到另一个页面的组件用的vue-router作为vue框架全局的路由管理(导航守卫)导航守卫里,重点是 登录状态、验证和权限验证其中比较重要的api:beforeEach、afterEachbeforeEach:跳转前要执行的动作比如,从A>B,进入B之前,我需要验证,该用户是否登录,或者说,当前用户的当前状态,是否有权进入B页面,这时候,就可以在beforeEach里进行判断,登录状态通常会结合vuex 或者其他状态管理模块来实现。整体原创 2022-05-26 16:17:30 · 1326 阅读 · 0 评论