vue面试题：vue-router的动态路由匹配以及使用

2022-03-13 08:32:21 427 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

告别双系统！用Ventoy把Ubuntu 22.04装进U盘，打造你的随身开发环境（附保姆级避坑指南）本文详细介绍了如何使用Ventoy将Ubuntu 22.04安装到U盘，打造便携式开发环境。通过即插即用的特性，开发者可以在任何x86电脑上快速启动完整的Ubuntu系统，无需配置双系统或虚拟机。文章提供了从硬件准备到系统优化的全流程指南，帮助用户高效创建随身开发环境。阅读详情

vue-router的动态路由匹配以及使用

动态路径匹配：即把某种模式匹配到的所有路由，全都映射到同个组件。使用动态路由参数来实现。

例如，我们有一个 User 组件，对于所有ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在vue-router的路由路径中使用“动态路径参数”(dynamic segment)来达到这个效果。

const User = {
  template: '<div>User</div>'
}

const router = new VueRouter({
  routes: [
    // 动态路径参数 以冒号开头
    { path: '/user/:id', component: User }
  ]
})

这样，像/user/foo和/user/bar都将映射到相同的路由。

一个“路径参数”使用冒号 :标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。

在 User 的模板，输出当前用户的 ID：

const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}

...全文

2.数字芯片时序正确的前提—Max-transition 芯片物理设计中最基本的Max-transition检查阅读详情

字母哥哥

优质创作者: 编程框架技术领域

领域专家: 后端开发技术领域

前端社区 316,873 成员 60,460 内容

+ 关注 + 加入社区

vue面试题：vue-router的动态路由匹配以及使用

相关推荐