vue.js如何使用异步组件。

Question

我按照官方示例撸了一下，代码如下：

  components: {

    'my-component': () => import('./my-async-component')

  }

发现会报出这个错：

'import' and 'export' may only appear at the top level

是还需要设置一些其他的东西吗？望大神指点~~

Answer 1

<script>&nbsp; &nbsp; const MyAsyncComponent = () => import('./my-async-component')&nbsp; &nbsp; export default {&nbsp; &nbsp; &nbsp; &nbsp; components: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; MyAsyncComponent&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }</script>