vue-nuxt里面asyncData使用

最新推荐文章于 2024-12-23 16:20:37 发布

明阳mark

最新推荐文章于 2024-12-23 16:20:37 发布

阅读量2.1k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_36939013/article/details/109716330

版权

vue 专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了在Vue Nuxt框架中如何使用asyncData方法进行数据预加载，包括其工作原理、使用场景以及常见实践，帮助开发者提升页面加载效率和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@Component({
  components: { Detail },
  async asyncData({ route, $axios }) {
    let checkListId = parseInt(route.params.id); 
    let criteria: CheckListCustomerCriteria = {
      page: 1,
      pageSize: 10
    }
    let page = await fetchCustomerItemByCheckListId($axios, checkListId, criteria)
    return {
      customers: page.data
    };
  },
})