asyncData異步數據

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
        }

},