Question

我正在使用vue js 2.3.o版本。我想使用插件来处理模态窗口，例如vue-js-modal（https://github.com/euvl/vue-js-modal）。

当我想使用它时，我将库添加到我的页面。

<script type="text/javascript" src="/lib/vuejs/index.js"></script>

在我创建vue实例之前我放了一个地方：

import VModal from 'vue-js-modal';
Vue.use(VModal);

var myVue = new Vue({

然后我看到了：

SyntaxError: import declarations may only appear at top level of a module

我不明白它是什么。怎么了？该插件应该如何正确使用？

谢谢

Answer 1

您似乎正在使用script标记导入库。根据{{1}}的说明，您必须使用vue-js-modal进行安装，然后使用npm install vue-js-modal --save进行导入。

如果您使用import VModal from 'vue-js-modal'标签导入模块，则必须写：

script

在您的HTML页面上

。但是，目前，如果要在浏览器中导入模块，则必须执行一些额外步骤才能启用此功能。（您可以按照此处的说明操作：link）。

我建议查看演示<script src="vue-js-modal.js" type="module"></script>：link，它使用Babel和Webpack而不是仅导入vue-js-modal标记。或者，当您设置Vue Web应用程序时，请使用他们的cli工具（link）来设置初学者项目，然后安装script。

如何在Vue.js 2.x中使用插件？

1 个答案: