[TOC]
### Vue 动态路由
router.js
~~~
{
// 动态参数路由
path: '/detail/:id',
name: 'detail',
component: () => import('../views/Detail.vue')
}
~~~
Detail.vue
~~~
<template>
<div>
当前访问url参数ID 为:
{{ $route.params.id }}
</div>
</template>
~~~
>[danger] $route 当前路由对象,动态路由只需要传递不同的参数,即可在所有组件中通过当前路由对象获取