Web Components 提供原生组件模型，适合跨框架复用。

核心概念

• Custom Elements 定义生命周期钩子。
• Shadow DOM 隔离样式与结构。
• HTML Templates 与 Slots 支持内容分发。

实战步骤

• 实现自定义元素并使用 attributeChangedCallback 监听属性。
• 结合 CSS 自定义属性实现主题。
• 使用 Lit/Stencil 提升开发效率。