代码之家 › 专栏 › 技术社区 › Jacobian

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

vue.js oop javascript

Jacobian · 技术社区 · 7 年前

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

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

但我不确定,我该怎么做才对。

2 回复 | 直到 7 年前

Snow 7 年前

既然你想 import 它,你必须 export myClass.js . 不需要生命周期,因为你将在模块范围内,而不是全球范围内,所以不需要担心全球污染:

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

也就是说,你这里只有一个 普通物体 MyClass .

Radu DiÈÄ 7 年前

你需要导出你的类。

export default MyClass

应该会成功的。这需要添加到脚本中。之后你就可以直接进口了。导入的变量可以有任何名称,它不受MyClass的约束。

推荐文章

Nwerx_user · 在C#中,如何在不使用static关键字的情况下使用类外的方法?

1 年前

r5ne · 有没有一种方法可以在不调用描述符__set__方法的情况下设置实例变量?

1 年前

simply lemon · python上链表的添加方法

1 年前

HiroIshida · C++多重继承:实现具有重叠虚函数的接口[重复]

1 年前

Anonymous · 为什么在这个例子中self和类名的用法不同?

1 年前

Brenden Baio · 在Java中,将对象作为参数传递给方法的最佳方式是什么?[关闭]

1 年前

P N Singh · 在CPP Oops中调用对象而不创建它

1 年前

Muthuraj · 如何创建一个通用工厂来创建某种类型的实例[重复]

1 年前

Andy Votava · 从父类定义调用学生方法

1 年前

oggiman · 如何在catch[closed]中为SQL更新表编写一个具有重试功能的面向对象的方法

1 年前