Headless框架无UI组件原理及使用示例如何详细解析？

本文共计2235个文字，预计阅读时间需要9分钟。

目录 + 概述 + 精读 + 总结 + 概述 + Headless + 组件即无UI组件，框架仅提供逻辑，UI + 交云业务实现。这样带来的好处是业务有极大的UI自定义空间，而对框架来说，只需考虑逻辑，让开发者更轻松。

目录

• 概述
• 精读
• 总结

概述

Headless 组件即无 UI 组件，框架仅提供逻辑，UI 交给业务实现。这样带来的好处是业务有极大的 UI 自定义空间，而对框架来说，只考虑逻辑可以让自己更轻松的覆盖更多场景，满足更多开发者不同的诉求。

我们以 headlessui-tabs 为例看看它的用法，并读一读 源码。