javascript - 如何运行 run vue-text-highlight 基本用法？

Question

我想运行 https://github.com/AlbertLucianto/vue-text-highlight 的基本用法部分中的示例。当我在 Firefox 中打开 index.html 时，我看到一个空白页面。

我使用的代码位于 https://github.com/michaelhochleitner/vue-text-highlight-basic-usage .

我采用了语法

<script>
module.exports = {
    data: function () {
        return {
            queries: ['birds', 'scatt'],
            description: 'Tropical birds scattered as Drake veered the Jeep'
        };
    }
}
</script>

来自 https://v2.vuejs.org/v2/guide/single-file-components.html .

为什么index.html不显示任何内容？

Answer 1

您不能在 .js 文件中使用这样的 import 语句。这是保留的语法，用于将包转换为您的 bundle 可以使用的文件。我建议从 vue-cli 开始这样您就可以开发一个成熟的 Vue 项目并按照您描述的方式导入/使用包。