javascript - 如何为页面上的每个元素覆盖 connectedCallback 和其他函数

Question

我想创建一个使用 web 组件制作的用户可定制的 web 应用程序。我希望能够在自定义元素生命周期中添加钩子，供用户和开发人员使用。我可以在单个组件的生命周期中添加挂钩，但这会降低 Web 组件的互操作性。有没有办法覆盖任何调用 connectedCallback() 和其他自定义元素函数的方法，以便我可以在页面上的任何元素上调用钩子？

这样用户就可以引入他们想要的任何 Web 组件，但插件仍然有一种标准的方式来连接。

到目前为止，我什至无法找出 connectedCallback() 和其他自定义元素函数被调用的位置、内容或方式。所以我不知道要覆盖哪些功能。这个项目还是很理论的。我想知道是否有可能做这样的事情。

标签： javascripthtmldomweb-componentcustom-element