Vue使用Vue Router路由：通过URL传递与获取参数

 Vue 使用 Vue Router 路由系列文章：

《Vue使用Vue Router路由：开发单页应用》

《Vue使用Vue Router路由：通过URL传递与获取参数》

《Vue3.0使用JavaScript脚本实现Vue Router路由：页面跳转、获取URL参数》

Vue Router 路由实际上就是一种映射关系。例如，多个选项卡之间的切换就可以使用路由功能来实现。在切换时，根据鼠标的点击事件显示不同的页面内容，这相当于事件和事件处理程序之间的映射关系。在实际的开发中，经常需要通过URL来传递参数，同时在 JavaScript 脚本中需要获取URL中的参数。下面将介绍 Vue 项目中，如何通过 URL 对参数进行传递与获取。

1、传递 URL 参数

（1）配置路由信息：

const routes = [
  {
    path: '/course/detail/:id',
    name: 'courseDetail',
    component: CourseDetail,
    meta: {
      title