asyncData异步数据

Posted 2021-03-04 zxuedong

async异步数据

 

1.asyncData方法函数：会在每次加载页面组件之前调用，可以完成在服务器预渲染。建议需要爬虫抓取的页面使用他来获取请求数据

// 引入封装好的接口

import { getData, getNavs } from ‘@/api/index‘

// 在asyncData中获取数据，返回的数据nuxt会自动混入到data函数中去

async asyncData ({ params, route, error }) {

        console.log(route)

        const [swipers, navs] = await Promise.all([
            getData(),
            getNavs()
        ])
    
        return {
            swiperList: swipers.data,
            navList: navs.data
        }

},