如何使用Async Component方式导入组件？

Question

我对异步组件有疑问。

尝试使用Async Way导入组件时收到错误消息。

使用Async Component方式可以做到这一点还是我的概念完全错误？

  

无法安装组件：未定义模板或渲染功能。

我的仪表板组件

<template>
<div>
    <logout></logout>
</div>
</template>
<script>
    const logout = resolve => require(['./child/Logout'], resolve)
    export default {
        name: 'dashboard',
        components: {
            logout
        }
    }
</script>

退出组件

<template>
    <div class="view logout">
        <el-button>Logout</el-button>
    </div>
</template>

<script>
    export default {
        name: 'logout'
    }
</script>