前端路由传参可以用query传data中的数据吗

在 Vue2 中，可以使用 `query` 传递数据，但是并不建议直接将 `data` 中的数据通过 `query` 传递。因为 `query` 参数会被编码为字符串，如果传递的数据比较复杂，可能会导致字符串过长，造成性能问题。

通常情况下，使用 `params` 传递数据更为合适。如果需要传递复杂数据，可以考虑使用状态管理工具（如 Vuex）来管理数据。

下面是一个使用 `params` 传递数据的例子：

1. 在定义路由时，可以配置路由路径和组件：

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id',
      name: 'user',
      component: User
    }
  ]
})

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

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

3. 也可以在 JS 中通过 `$route.params` 获取路由参数：

export default {
  created () {
    console.log(this.$route.params.id)
  }
}

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

<router-link :to="{ name: 'user', params: { id: 123 }}">User 123</router-link>

在实际开发中，如果需要传递复杂数据，可以考虑使用状态管理工具（如 Vuex）来管理数据。