Question

我目前正在从事一些项目，并且注意到它们都有类似的工作方式。但我不了解它们的设置方式和工作方式。

我有两个文件，一个JS，一个HTML。 HTML文件包含以下行：

<div data-module="sample"></div>

JS文件看起来像这样：

export default class Sample {
    constructor(el, values) {
        this.el = el;
        this.v = values;
        this.v.eClick = this.v.eClick || true;
        this.link = null;
        this.eClickArea();
    }

    eClickArea() {
        if (this.v.eClick) {
            // Do stuff
        }
    }

    eClick(event, link) {
        
        if (event.target !== link) {
            // Do stuff         
        }
    }
}

我的问题：

由于某些原因，打开HTML文件时将执行JS部分。我发现它按名称和数据模块工作。如果更改“ Sample”或“ sample”或文件名“ sample”。它停止工作。但是我不知道这怎么工作。
我期望类似const sample = new Sample（“ a”，“ b”）;但是在项目中没有任何地方。该脚本如何执行？以及如何传递参数？我可能在哪里寻找任何提示？
这可能与前两个问题有关。但是我似乎无法定位页面上的其他元素。 document.getElementById（“ test”）;什么也没做为什么会这样？

我意识到我的问题比通常的“我的代码无法解决的问题”更开放，但是请不要发表您的意见，因为这里不允许这样做。我只想知道事情如何运作。

使用数据模块并导出默认类

0 个答案: