前端路由传参可以用query传this.list.id吗

可以通过 `query` 传递 `this.list.id`，但是需要注意的是，`query` 参数会被编码为字符串，因此在传递对象或数组等复杂数据时，需要将其序列化成字符串再进行传递。

下面是一个使用 `query` 传递 `this.list.id` 的例子：

1. 在组件中，可以通过 `$route.query` 获取 `query` 参数：

<template>
  <div>
    <h1>User {{ $route.query.id }}</h1>
  </div>
</template>

2. 当使用 `router-link` 组件时，可以通过 `to` 属性传递路由参数：

<router-link :to="{ path: '/user', query: { id: this.list.id } }">User {{ this.list.id }}</router-link>

需要注意的是，如果将复杂数据直接传递给 `query` 参数，可能会导致字符串过长，造成性能问题。如果需要传递复杂数据，可以考虑使用状态管理工具（如 Vuex）来管理数据。