vue.js - Vue：如何从动态路径加载文件

Question

我有一个名为 Item 的 Vue 组件：

<template>
    <div :id="item.slug" class="item" :data-position="item.position">
        <div class="hero" :style="heroPath"></div>
        <div class="text">{{ textData }}</div>
        <div class="back_link">
            <a @click="back">Back</a>
        </div>
    </div>
</template>

该组件接收一些参数，包括slug。我想要用外部文件的内容填充（最好是 .vue 或 .html）。我怎样才能做到这一点，因为组件不知道它的slug会是什么？

我最初尝试像

import textData from '@/content/'+item.slug+'.vue'

但这显然不起作用......我尝试在 created() 中做类似的事情

created () {
    this.textData = import('@/content/'+item.slug+'.vue')
}

还是没有饼干。我对 Vue.component 和 require.context 没有经验，所以也许解决方案就在那里，我没有花足够的时间在上面？

谢谢 ！

标签： vue.js