Javascript ES5中的可共享组件

Vue、React和angular等现代javascript框架支持在web应用程序中创建跨页面/模块的可共享组件。 使用HTML+ES5实现这一目标的最佳方式是什么？有图书馆或框架吗？

---

我使用的是不支持ES6的遗留代码。你可以从JS创建HTML元素，或者带一个

.css

文件来进行样式设置，或者用JS进行样式设置。然后将其导入HTML，如下所示：

您还可以使用

cdn

部署组件

组件中的示例

index.js

：

函数createRoot（）{
const rootElement=document.createElement（“div”）；
document.body.appendChild（rootElement）；
返回根元素；
}
函数createComponent（root=createRoot（），elementType，className）{
const componentWrapper=document.createElement（elementType）；
setAttribute（“类”，类名）；
返回组件包装器；
}
//用法
//您可以传递root，也可以不传递root
const component=createComponent（document.getElementById（“根”）、“div”、“我的组件包装器”）；

然后可以向其附加额外的DOM节点或应用功能。所有这些都可以和你的剧本一起进行

希望这能给你带来灵感：）

也许你正在寻找