Question

我有一个称为Authenthicator的类，它位于文件Authenticator.js中。我想在我的vue应用程序中使用它的功能，特别是在Login.vue文件中。

如何导出Authenticator类并将其导入Login.vue？

我得到这些错误：

未捕获的TypeError：无法读取未定义的属性“ match” 补丁时（webpack-internal：///./node_modules/graceful-fs/polyfills.js：31）补丁时（webpack-internal：///./node_modules/graceful-fs/graceful-fs.js：96）在Object.eval（webpack-internal：///./node_modules/graceful-fs/graceful-fs.js：88）在评估时（webpack-internal：///./node_modules/graceful-fs/graceful-fs.js：348）在Object ../ node_modules / graceful-fs / graceful-fs.js（chunk-vendors.js：10849）在 webpack_require （app.js：785）在fn（app.js：151）在Object.eval（webpack-internal：///./node_modules/gulp-sourcemaps/src/init/index.internals.js：9）在评估时（webpack-internal：///./node_modules/gulp-sourcemaps/src/init/index.internals.js：124）在Object ../ node_modules / gulp-sourcemaps / src / init / index.internals.js（chunk-vendors.js：11038）

无法加载资源：net :: ERR_NETWORK_IO_SUSPENDED

谢谢

Answer 1

 export default class Authenticator {
    // ...
 }

并导入文件：

  import Authenticator from "path/to/file/authenticator.js
  var Auth = new Authenticator ();

Answer 2

没有代码很难帮助，但这是一个基本示例：

Authenticator.js

char[][]

Login.vue

for (int i = 0; i < level.length(); i++) {
    spelbord[i / SPACE][i % SPACE] = level.charAt(i);
}

Answer 3

Authenticator.js

class Authenticator {
    //
    };

export default new Authenticator;

Login.vue

<script>
import Authenticator from 'path/Authenticator';
</script>

如何在.vue文件中导入类（.js文件）？

3 个答案: