vuerouter的query参数怎么传递给props

要将Vue Router的查询参数（query参数）传递给组件的props，你可以使用Vue Router的props解析函数。通过定义一个props解析函数，你可以将查询参数映射到组件的props中。

以下是一个示例：

const routes = [
  {
    path: '/example',
    name: 'example',
    component: ExampleComponent,
    props: route => ({ queryParam: route.query.paramName })
  }
];

在上面的示例中，我们定义了一个路由配置，将`/example`路径映射到ExampleComponent组件。同时，我们使用了props解析函数来将查询参数`paramName`映射到组件的`queryParam`属性中。

在ExampleComponent组件中，你需要声明一个名为`queryParam`的prop来接收传递过来的查询参数。

export default {
  props: {
    queryParam: {
      type: String,
      default: ''
    }
  }
}

现在，当你访问`/example?paramName=value`时，查询参数`paramName`的值将被传递给ExampleComponent组件，并作为`queryParam`属性进行接收。

请注意，props解析函数还可以执行其他逻辑，例如对查询参数进行转换或验证。你可以根据自己的需求在props解析函数中进行处理。

这样，你就可以将Vue Router的查询参数传递给组件的props了。