写法一
在路由中可直接写prop: true，即可在页面中defineProps使用
- 相当于（<Detail id=“1” name==“2” />）,但只能是params
{
path: '/service',
name: '服务',
component: () => import('../views/Service/index')，
props: true
},
写法二（query写法）
{
path: '/service',
name: '服务',
component: () => import('../views/Service/index')，
props(route) {
return route.query
}
},
页面
defineProps(['id', 'name']) // 即可使用
写法三（只能固定写死）
{
path: '/service',
name: '服务',
component: () => import('../views/Service/index')，
props() {
return {
x: 1,
y: 2,
z: 3
}
}
},
replace
<RouterLink replace to="/home" active-class='active'>首页</RouterLink>
编程式路由导航
在vue2中重复跳转会报错，但vue3不会报错
import {useRouter} from 'vue-router'
const router = useRouter()
router.push('/')
router.replace('/')
params不能与path搭配使用
