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

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

vue.js oop javascript

Jacobian · 技术社区 · 5 年前

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

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

Snow 5 年前

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

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

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

Radu DiÈÄ 5 年前

你需要导出你的类。

export default MyClass

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前