vue中复用页面该怎么设置路由

在Vue中，可以通过设置动态路由参数来复用页面。

例如，你有一个商品详情页面，每个商品都有一个唯一的ID，你可以设置一个动态路由参数来接受这个ID并在所有商品详情页面上复用。

在路由配置文件中，可以这样设置路由：

{
  path: '/product/:id',
  name: 'product',
  component: ProductDetail
}

这里的`:id`就是一个动态路由参数，它可以接受任意的ID值。

在组件中，你可以通过`$route.params.id`来获取这个ID值，然后使用它来加载对应的商品详情数据。

当你在不同的商品页面之间切换时，Vue会自动更新路由参数并重新渲染组件，从而实现复用页面的效果。