异步组件-处理加载状态

function lazyLoadView (AsyncView) {
  debugger
  const AsyncHandler = () => ({
    component: AsyncView,
    loading: require('@/components/RouteLoading.vue').default,
    error: require('@/components/RouteError.vue').default,
    delay: 200,
    timeout: 10000
  })
  return Promise.resolve({
    functional: true,
    render (h, {data, children}) {
      return h(AsyncHandler, data, children)
    }
  })
}

    const helloVue = () => lazyLoadView(import('@/components/helloVue'))
    {
      path: '/helloVue',
      name: 'helloVue',
      component: helloVue
    }

作者：fisher-zh
链接：https://juejin.im/post/5b90d0fcf265da0aa81bd728
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。