【Vue Router】strict 和 sensitive 的区别

文档

默认情况下,所有路由是不区分大小写的,并且能匹配带有或不带有尾部斜线的路由。例如,路由 /users 将匹配 /users/users/、甚至 /Users/。这种行为可以通过 strictsensitive 选项来修改,它们既可以应用在整个全局路由上,又可以应用于当前路由上:

const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 将匹配 /users/posva 而非:
    // - /users/posva/ 当 strict: true
    // - /Users/posva 当 sensitive: true
    { path: '/users/:id', sensitive: true },
    // 将匹配 /users, /Users, 以及 /users/42 而非 /users/ 或 /users/42/
    { path: '/users/:id?' },
  ],
  strict: true, // applies to all routes
})

区别

  • strict 为 true 时,将不会匹配带有尾部斜线的路由
  • sensitive 为 true 时,将区分大小写

Tips:当前路由上的配置会覆盖全局

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: Vue RouterVue.js官方提供的路由管理器,它可以让我们在Vue.js应用中实现页面之间的跳转和管理。而Route则是Vue Router中的一个概念,它代表着一个路由规则,包括路径、组件、参数等信息。简单来说,Vue Router是一个路由管理器,而Route是一个具体的路由规则。 ### 回答2: Vue RouterVue.js官方提供的路由管理器,用于实现前端路由功能。它可以让开发者在Vue.js应用程序中实现页面的切换、导航和参数传递等功能。Vue Router通过定义路由规则和组件映射关系,实现页面之间的跳转和传递数据。 Route是Vue Router中的一个概念,表示一条路由规则。每个Route对象包含了路由的路径、组件和其他参数。通过定义多个Route对象,我们可以在Vue Router配置不同的路由规则。当用户访问某个路径时,Vue Router会根据对应的路由规则,渲染相应的组件到页面中。 Vue Router和Route的区别在于功能和应用层面。Vue Router是整个路由管理器,负责路由配置、页面切换和导航的处理。Route是Vue Router的一个概念,用于定义和表示一条具体的路由规则。可以说,Route是Vue Router的组成部分,用于实现路由功能。 总结一下,Vue RouterVue.js官方提供的路由管理器,用于实现前端路由功能。而Route是Vue Router中的一个概念,表示一条具体的路由规则。Vue Router通过定义多个Route对象,实现页面的切换、导航和参数传递等功能。在实际应用中,我们使用Vue Router配置和管理路由规则,使用Route来表示和处理具体的路由

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值