我的旧应用程序中有一些遗留的自定义类。这个类定义如下:
/** @namespace MyClass */
"use strict";
var MyClass = (function () {
var Constr = {};
Constr.func1 = function () {...};
...
Constr.funcN = function () {...};
return Constr;
}());
在我的应用程序中,我以一种老式的方式导入这个类:
<head>
<script src="./static/MyClass.js"></script>
...
</head>
现在我尝试VueJS框架并喜欢它。我想要实现的是将旧的遗留类导入到我的新应用程序中。我不想以旧方式在index.html中导入它,但我想在我的自定义Vue组件中执行它。所以,在我的TestComponent.vue
中,我希望能够做到这样的事情:
import MyClass from './static/MyClass.js' // or from './assets/MyClass.js' ?
但我不确定,我该怎么做呢。
既然你正在尝试import
它,你必须从export
myClass.js
类。不需要IIFE,因为您将处于模块范围,而不是全球范围,因此无需担心全球污染:
// MyClass.js
export default const Constr = {};
Constr.func1 = function () {...};
Constr.funcN = function () {...};
也就是说,你在这里只是一个具有属性的普通对象,而不是一个类,所以最好不要把它称为MyClass
。
你需要导出你的课程。
export default MyClass
应该做的伎俩。这需要在脚本中添加。之后你可以导入它。导入的var可以有任何名称,它不受MyClass约束。