vue中组件懒加载的方法

1.异步实现路由懒加载

<template>
  <div>
    <problemManageDetail></problemManageDetail>
  </div>
</template>

<script type="es6">

export default {
  ...
  components:{
    problemManageDetail: resolve => require(['../detail/problemManageDetail'], resolve)
  }
}

</script>

2.import(推荐使用这种方式)

<template>
  <div>
    <problemManageDetail></problemManageDetail>
  </div>
</template>

<script type="es6">

const problemManageDetail = () => import('../detail/problemManageDetail');

export default {
  ...
  components:{
    problemManageDetail
  }
}

</script>

同理，路由懒加载和组件懒加载一样，都是在引入组件的时候用着两种方法