如何准备这个遗留类以导入到VueJs应用程序?

问题描述 投票:3回答:2

我的旧应用程序中有一些遗留的自定义类。这个类定义如下:

/** @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' ?

但我不确定,我该怎么做呢。

javascript oop vue.js
2个回答
1
投票

既然你正在尝试import它,你必须从export myClass.js类。不需要IIFE,因为您将处于模块范围,而不是全球范围,因此无需担心全球污染:

// MyClass.js
export default const Constr = {};
Constr.func1 = function () {...};
Constr.funcN = function () {...};

也就是说,你在这里只是一个具有属性的普通对象,而不是一个类,所以最好不要把它称为MyClass


1
投票

你需要导出你的课程。

export default MyClass

应该做的伎俩。这需要在脚本中添加。之后你可以导入它。导入的var可以有任何名称,它不受MyClass约束。

© www.soinside.com 2019 - 2024. All rights reserved.