vue高级异步组件封装

import LoadingComponent from '../../components/Async/LoadingComponent.vue'

import ErrorComponent from '../../components/Async/ErrorComponent.vue'

export default (asyncComponent) => {

const Com= () => ({

// 需要加载的组件 (应该是一个 `Promise` 对象)

component: asyncComponent(),

// 异步组件加载时使用的组件

loading: LoadingComponent,

// 加载失败时使用的组件

error: ErrorComponent,

// 展示加载时组件的延时时间。默认值是 200 (毫秒)

delay: 200,

// 如果提供了超时时间且组件加载也超时了，

// 则使用加载失败时使用的组件。默认值是：`Infinity`

timeout: 15 * 1000

})

return {

render (h) {

return h(Com, {})

}

}

}

 

// 使用