在学习Vue插槽（Slots）之前，我们可以先对Web Components的概念进行一个了解。因为Vue的模板系统，组件实现以及插槽相关的实现是参考于Web Components标准进行的上层设计。

在Vue中通过自定义组件、自定义标签以及自定义属性配合使用实现了Vue的组件化，是通过webpack/vite等工程化工具编译过后才能在浏览器上进行解析、渲染。

而对于HTML/DOM本身是具有一套组件化写法（规范），也就是本文的重点：Web Component，通过HTML/DOM本身的组件化，我们可以直接通过自定义标签、属性成功渲染，而不需要工程化解析组件或标签。

一、缘起

Web Components 旨在解决这些问题 — 它由三项主要技术组成，它们可以一起使用来创建封装功能的定制元素，可以在你喜欢的任何地方重用，不必担心代码冲突。由于在HTML/DOM中重用HTML结构的不便，推出了Web Components规范，最终成为HTML/DOM原生组件化的标准。

希望该方案提供给开发者能够自定义可重用的、可被浏览器正常解析的标签，让逻辑样式被封装在一个组件中，最终使用自定标签的方式渲染。

二、使用

在原生组件化中有这么三个关键的内容（具体内容见上文Web Components MDN）：