在这篇文章中，我们将学习如何使用defineCustomElement API将Vue组件转换为Web Component，如何将其打包为库，以及如何在纯HTML中使用它。

👋 Hello，我是田同学，大家可以加我微信一起共同学习。 我是 vue3 开源组件库 fighting-design 的维护者。 最近我正在研究 Web Components

本文将详细讲解如何用最基本的`typescript`，`vite`，`less`构建`Web Components`的组件，基于原生能力开发，能够运行在任何框架，听起来似乎很不错，今天就来试试～

前端技术发展至今，组件化已经成为比较常见的一个开发模式，组件化的最大特点就是可以减少重复工作，提高开发效率。目前业界主流实现组件化大多是基于框架实现，比如 DevUI、ElementUI 等。