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

Question

我按照官方示例撸了一下，代码如下：  components: {    'my-component': () => import('./my-async-component')  }发现会报出这个错：'import' and 'export' may only appear at the top level是还需要设置一些其他的东西吗？望大神指点~~

Answer 1

<script>

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

    export default {

        components: {

            MyAsyncComponent

        }

    }

</script>