Vue路由填坑之路有哪些技巧和经验可以分享?

2026-04-06 19:290阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计202个文字,预计阅读时间需要1分钟。

Vue路由填坑之路有哪些技巧和经验可以分享?

在Vue + Router中,如果这个传递的参数是可选的,可以使用如下方式配置路由:

javascript{ // 新增或修改课程时,带id过来 path: '/course/lesson-edit/:id?', name: 'addLesson', components: { main: addLesson }}

这里的`:id?`表示id是可选的,可以存在也可以不存在。当路径中包含`:id`时,会将其作为参数传递给`addLesson`组件。如果路径中不包含`:id`,则该参数默认为`undefined`。

Vue路由填坑之路有哪些技巧和经验可以分享?

vue router

如果这个传递的参数,可有可无,可使用?: { //新增/修改课时,带id过来 path: '/course/lesson-edit/:id?', name: 'addLesson', components: { main: addLesson } }, 表示 ,这个id是不确定的,可以有 也可以不要 地址1:segmentfault.com/q/1010000009148642 地址2:github.com/vuejs/vue-router/blob/next/examples/route-matching/app.js

本文共计202个文字,预计阅读时间需要1分钟。

Vue路由填坑之路有哪些技巧和经验可以分享?

在Vue + Router中,如果这个传递的参数是可选的,可以使用如下方式配置路由:

javascript{ // 新增或修改课程时,带id过来 path: '/course/lesson-edit/:id?', name: 'addLesson', components: { main: addLesson }}

这里的`:id?`表示id是可选的,可以存在也可以不存在。当路径中包含`:id`时,会将其作为参数传递给`addLesson`组件。如果路径中不包含`:id`,则该参数默认为`undefined`。

Vue路由填坑之路有哪些技巧和经验可以分享?

vue router

如果这个传递的参数,可有可无,可使用?: { //新增/修改课时,带id过来 path: '/course/lesson-edit/:id?', name: 'addLesson', components: { main: addLesson } }, 表示 ,这个id是不确定的,可以有 也可以不要 地址1:segmentfault.com/q/1010000009148642 地址2:github.com/vuejs/vue-router/blob/next/examples/route-matching/app.js