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

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

vue.js oop javascript

Jacobian · 技术社区 · 6 年前

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

/** @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 回复 | 直到 6 年前

Snow 6 年前

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

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

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

Radu DiÈÄ 6 年前

你需要导出你的类。

export default MyClass

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

推荐文章

Reyad Islam · PHP致命错误:未捕获PDOException:SQLSTATE[00804][1040]连接太多[重复]

1 年前

JunYoung Yoon · 在接口中声明抽象函数和以非抽象形式声明函数有什么区别?

2 年前

Schadre · C-plus编码错误

2 年前

TryingToLearn · 我如何为通用遥控器构造一个类,该遥控器向连接到它的各种设备发送开/关命令?

2 年前

Nithin K · 即使类属性的类型正确,也会获取异常

2 年前

David Shnayder · 如何只允许使用Action<Class>方法修改类属性?

2 年前

Involute · 解决明显的循环依赖关系:类A有一个接受类B的方法,而类B有一个类型为类A[重复]的成员

2 年前

amirreza870 · Python OOP-更改类文本

2 年前

A_K · 使用cat或打印方法打印部分内容的子集闭包

2 年前

Mo Fatah · 如何使用Python类打印数独板?

2 年前