vue2中如何用路由给asyncData方法传值

在 Vue 2 中，可以通过路由参数来传递数据给 `asyncData` 方法。具体步骤如下：

1. 在路由配置中定义需要传递的参数，例如：

const router = new VueRouter({
  routes: [
    {
      path: '/posts/:id',
      component: Post,
      props: true
    }
  ]
})

这里的 `:id` 表示参数名为 `id`，并且通过 `props: true` 来启用路由参数作为组件的 props。

2. 在组件中定义 `props`，并使用 `$route.params` 获取路由参数，例如：

export default {
  props: ['id'],
  asyncData({ params }) {
    // 使用 $route.params 获取路由参数
    return axios.get(`/posts/${params.id}`).then(res => {
      return { post: res.data }
    })
  }
}

这样，在组件渲染之前，`asyncData` 方法会自动被调用，并且在调用时会将路由参数作为参数传递进去。

3. 在模板中使用 props，例如：

<template>
  <div>
    <h1>{{ post.title }}</h1>
    <p>{{ post.content }}</p>
  </div>
</template>

这里的 `post` 就是从 `asyncData` 方法中获取的数据，在渲染模板时直接使用即可。

注意：在使用路由参数传递数据时，需要注意路由参数的变化，如果参数变化了，`asyncData` 方法会被重新调用，如果不希望重复请求数据，可以在 `asyncData` 方法中进行判断和缓存。