vue-router

本文详细介绍了vue-router的使用,包括router-link的to、replace、append等属性,router-view的name特性,以及router的options如routes、mode等。同时,讲解了路由对象属性如path、params和query,还涵盖了导航守卫的使用,如beforeEach、beforeRouteUpdate等。
摘要由CSDN通过智能技术生成

1.router-link

  • to : 表示目标路由的链接。
  • replace : 设置 replace 属性的话,当点击时,会调用 router.replace() 而不是 router.push(),于是导航后不会留下 history 记录。
  • append : 设置 append 属性后,则在当前 (相对) 路径前添加基路径。
  • tag : 将< router-link > 渲染成某种标签
  • active-class : 设置链接激活时使用的 CSS 类名。
  • exact : 链接使用“精确匹配模式”
  • event : 声明可以用来触发导航的事件。
  • exact-active-class : 配置当链接被精确匹配的时候应该激活的 class。
  • aria-current-value : 当链接根据精确匹配规则激活时配置的 aria-current 的值。

2.router-view

  • name : 如果 < router-view >设置了名称,则会渲染对应的路由配置中 components 下的相应组件。

3.router选项

  • routes :
interface RouteConfig = {
   
  path: string,
  component?: Component,
  name?: string, // 命名路由
  components?
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值