导入要在vue组件中使用的javascript文件

理查德十三Davaid2020-03-16

我正在一个需要使用js插件的项目中。既然我们正在使用vue，并且有一个组件可以处理基于插件的逻辑，那么我需要在vue组件中导入js插件文件，以初始化插件。

以前，这是在标记中按以下方式处理的：

<script src="//api.myplugincom/widget/mykey.js
"></script>

这是我尝试过的方法，但出现编译时错误：

MyComponent.vue

import Vue from 'vue';
import * from  '//api.myplugincom/widget/mykey.js';

export default {
    data: {

我的问题是，什么是导入此javascript文件的正确方法，以便可以在vue组件中使用它？...

神奇飞云Mandy2020/03/16 15:31:10

对于以浏览器方式（例如，带有标签）引入的脚本，它们通常使某些变量在全局范围内可用。

对于这些，您无需导入任何内容。他们将可用。

如果您正在使用Webstorm（或任何相关的JetBrains IDE）之类的东西，则可以添加/* global globalValueHere */使其知道“嘿，这不是我的文件中定义的，但是它存在。” 它不是必需的，但是它将使“未定义”的波浪线消失。

例如：

/* global Vue */

这是我从CDN下拉Vue时使用的方式（而不是直接使用它）。

除此之外，您可以像平常一样使用它。

Newest Answer