异步组件

//AsyncComponent

<template>
    <div>
      <!-- <async-webpack-example></async-webpack-example> -->
      <my-component></my-component>
    </div>
</template>
<script>
import Vue from 'vue'
Vue.component(
  'async-webpack-example',
  // 这个动态导入会返回一个 `Promise` 对象。
  () => import('../components/my-async-component')
)

export default {
  name: 'demo',
  components: {
    'my-component': () => import('../components/my-async-component')
  },
  data () {
    return {
    }
  }
}
</script>

//my-async-component

<template>
    <div>{{title}}</div>
</template>
<script>
export default {
  name: 'CustomizeModel',
  data: function () {
    return {
      title: 'aaaccc11'
    }
  }
}

</script>