由于最近作者在学习微前端,web component也是其中一大特性,部分微前端框架使用到,也是深入学习了一下相关的知识,分享出来。
Web Component 实际上一系列技术的组合,主要包含 3 部分:
在一份html文件中的一个web component看起来是这样的:
>
>插槽内容>
>
看起来很像Vue吧?接下来让我们一个个demo学习web component。
由于Web Component亲和原生,因此无需其他包的依赖,一个index.html和一个index.js即可体验学习。
我们直接写一个html模板,文章的案例组件统称为
index.html:
>
>
>
>
>学习Web Component
>
>Web Component是微前端沙盒隔离原理的重要知识
>
>¥25.00
>
>
>
>