gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-30 22:24:41 25 4
gpt4 key购买 nike

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

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

但我不确定,我怎样才能做对。

最佳答案

由于您正在尝试导入 它,因此您必须从 myClass.js export 类。不需要 IIFE,因为您将处于模块范围内,而不是全局范围内,因此无需担心全局污染:

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

也就是说,您这里只是一个具有属性的普通对象,而不是一个类,因此最好不要将它称为MyClass

关于javascript - 如何准备这个遗留类以导入到 VueJs 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55117915/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com