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

JavaScript Vue.js

理查德十三Davaid

2020-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组件中使用它?...

第1808篇《导入要在vue组件中使用的javascript文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
神奇飞云Mandy 2020.03.16

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

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

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

例如:

/* global Vue */

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android