vue 路由传参 官方写法

Vue 路由传参的官方写法是使用路由的 params 和 query 属性。params 是路由参数，通常用于动态路由匹配，例如 `/user/:id`。query 是路由查询参数，通常用于传递页面之间的数据。

通过路由跳转进行传参时，可以使用 `$router.push()` 方法。例如：

this.$router.push({ path: '/user/' + userId })

其中，userId 是动态的，根据具体情况传入不同的值。

通过 params 传递参数时，可以在路由配置文件中定义路由参数，例如：

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

在组件内部获取路由参数时，可以使用 `$route.params.id` 的方式。

通过 query 传递参数时，可以在路由跳转时传入 query 对象，例如：

this.$router.push({ path: '/user', query: { name: 'Tom', age: 18 }})

在组件内部获取路由查询参数时，可以使用 `$route.query.name` 和 `$route.query.age` 的方式。

需要注意的是，params 和 query 传递的参数类型应该为基本数据类型，而不是对象类型。如果需要传递复杂的对象类型，可以使用状态管理库进行管理。