一、动态路由适用于什么场景

比如写用户的信息页面时，页面的结构都一样，只是用户的名称不一样，这个时候就可以使用动态路由

二、下面写个小案例

1、创建用户管理页面testRouter3.vue

<template>
  <div>
    testRouter3
    获取当前该页面的路由参数值为：{{$route.params.id}}
  </div>
</template>

<script>
export default {
  name: 'TestRouter3'
}
</script>

<style scoped></style>

2、在路由配置文件index.js文件中配置动态路由

import Vue from 'vue';
import Router from 'vue-router';
import testRouter3 from '@/components/testRouter3';
Vue.use(Router);

export default new Router({
  routes: [
    {
      path:'/testRouter3/:id',//通过    /：参数     的格式配置动态路由
      name:'TestRouter3',
      component:testRouter3
    }
  ]
})

3、如果在浏览器中输入动态参数为：324141，结果如下：

4、同样的，如果在浏览器中输入动态参数为：22222，结果如下：