提一个和Vue不那么相关的问题：怎么封装组件？

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

问题的意思不是基于Vue之上封装组件，而是只是针对原生H5的项目。
怎样能够做到Html层和js层”耦合“在一起，比如说，封装一个table
在head通过link引入 …/…/xxx.table.js&…/…/xxx.table.css
然后在页面中就可以这样使用(下面只是伪代码。。我没有思路)

<body>
    <div id="table"></div>
    <script>
        document.getElementById("table") = new Table() ....
    </script>
</body>

有没有大佬给我一个思路啊，要被搞后端的leader折磨疯了