帮我写一个vue2动态路由组件

好的，以下是一个简单的 Vue2 动态路由组件示例：

1. 在路由配置中定义动态路由：

{
  path: '/dynamic/:id',
  name: 'dynamic',
  component: () => import('@/views/Dynamic.vue')
}

2. 在组件中通过 `$route.params` 获取路由参数：

<template>
  <div>
    <h2>Dynamic Component</h2>
    <p>Dynamic id: {{ dynamicId }}</p>
  </div>
</template>

<script>
export default {
  name: 'Dynamic',
  data() {
    return {
      dynamicId: null
    }
  },
  mounted() {
    this.dynamicId = this.$route.params.id
  }
}
</script>

在这个示例中，我们定义了一个 `/dynamic/:id` 的动态路由，将会动态加载 `Dynamic.vue` 组件。在组件中，我们通过 `$route.params` 来获取路由参数并显示在模板中。

希望这个示例能够帮助你理解 Vue2 中动态路由组件的使用。