动态路由是指在Vue中，使用路由时可以根据某些条件动态地修改或添加路由。Vue框架中提供了很好的支持，通过使用内置的路由钩子函数可以轻松实现动态路由。下面是一个使用Vue实现动态路由的简单示例Demo。

//引入Vue-router
import VueRouter from 'vue-router'
//定义相关页面组件
const list = resolve =>require(['./views/list.vue'], resolve)
const detail = resolve =>require(['./views/detail.vue'], resolve)
//创建VueRouter实例
const router = new VueRouter({
mode: 'history',
routes: [{
path: '/list',
component: list,
name: 'list'
}]
})
//添加路由钩子函数
router.beforeEach((to, from, next) =>{
if (to.path === '/detail') {
//动态添加路由
router.addRoute({
path: to.path,
component: detail,
name: 'detail'
})
}
next()
})

如代码所示，首先我们要引入Vue-router插件，并定义相关的页面组件，这里暂且只定义了列表页和详情页两个组件。接着，我们通过创建VueRouter实例来定义路由。在这个示例中，我们只添加了列表页的路由，因为我们想要动态添加详情页的路由。最后，我们添加了一个路由钩子函数beforeEach，用于判断路由是否为详情页，如果是则动态添加路由。

//list.vue文件中，点击进入详情页进入详情页//detail.vue文件中，返回列表页返回列表页

在列表页中，我们通过Vue Router提供的<router-link>组件来跳转到详情页，并且在to属性中传递参数。在详情页中，我们同样通过<router-link>来跳转回到列表页。

以上是使用Vue实现动态路由Demo的简单介绍。当然，在实际应用中，我们可能需要更加复杂的路由实现，但是Vue框架中提供的路由功能已经足够强大，可以满足大多数前端开发需求。