vue异步组件

所谓的异步组件就是通过import或者require导入的vue组件。

好处：可以避免页面一加载时就去加载全部的组件，从而导致页面访问时间变长的问题。使用异步加载组件后，只有当需要某个组件时才会去加载需要的组件。

代码示例:

方法1.

<script>
import xxxxfrom '@/components/xxxx.vue';export default ({
  components: {
    xxxx
  }
})
</script>

方法2.

<template>
  <div id="app">
    <xxxx></xxxx>  </div>
</template>

<script>
export default ({
  components: {
    xxxx: () => import('@/components/xxxx.vue')  }
})
</script>