实现 web component 的根本办法通常如下所示:
https://developer.mozilla.org…
- 创立一个类或函数来指定 web 组件的性能,如果应用类,请应用 ECMAScript 2015 的类语法 (参阅类获取更多信息)。
- 应用
CustomElementRegistry.define()
办法注册您的新自定义元素,并向其传递要定义的元素名称、指定元素性能的类、以及可选的其所继承自的元素。 - 如果需要的话,应用
Element.attachShadow()
办法将一个 shadow DOM 附加到自定义元素上。应用通常的 DOM 办法向 shadow DOM 中增加子元素、事件监听器等等。 - 如果需要的话,应用
<template>
和<slot>
定义一个 HTML 模板。再次应用惯例 DOM 办法克隆模板并将其附加到您的 shadow DOM 中。 - 在页面任何您喜爱的地位应用自定义元素,就像应用惯例 HTML 元素那样。
Web Components 是一套不同的技术,容许您创立可重用的定制元素(它们的性能封装在您的代码之外)并且在您的 web 利用中应用它们。
微前端是什么呢
集体了解微前端就是能够不同技术的 web 利用之间相互切换。那么只有将一个 react 的利用最初导出为 web component,那么就能够间接在我的项目主页中展现了,或者切换为一个 angular 的 web component。(待验证)