路由器推送后获取asyncData中的路由参数

{
  path: '/example/:id', // 使用动态路由参数:id
  component: ExampleComponent
}

export default {
  asyncData({ params }) {
    // params即为路由参数对象，可以通过params.id获取:id的值
    const id = params.id;
    
    // 在此处进行异步操作，获取数据
    return axios.get(`/api/example/${id}`)
      .then(response => {
        return {
          data: response.data
        };
      })
      .catch(error => {
        console.error(error);
      });
  }
}

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