nuxt this.$route 传值方式

在 Nuxt.js 中，可以使用 `$route` 对象来获取当前路由信息。要向路由传递参数，可以使用以下方式：

1. 使用动态路由

在 `nuxt.config.js` 中配置动态路由：

export default {
  // ...
  router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'myRoute',
        path: '/my-route/:id',
        component: resolve(__dirname, 'pages/my-route.vue')
      })
    }
  }
}

在组件中使用 `$route.params.id` 获取参数值：

<template>
  <div>
    <p>Parameter ID: {{ $route.params.id }}</p>
  </div>
</template>

在组件中使用 `$router.push({ name: 'myRoute', params: { id: 123 } })` 跳转到带参数的路由。

2. 使用查询参数

在组件中使用 `$route.query.paramName` 获取参数值：

<template>
  <div>
    <p>Parameter Value: {{ $route.query.paramName }}</p>
  </div>
</template>

在组件中使用 `$router.push({ path: '/my-route', query: { paramName: 'value' } })` 跳转到带查询参数的路由。