从 0 到 1 开发 Splicetree无头树：核心数据模型-扁平数据到可操作的树

SpliceTree 是一个无头（Headless）、框架无关的树运行时。专注树的结构、状态与行为，通过插件扩展勾选、拖拽、搜索、懒加载、键盘/点击选择等能力；UI 渲染由你决定，官方提供 Vue 3 适配器。

SpliceTree 面向“扁平数据”（常见的 id/parent 结构），核心负责把它组织成运行时树，提供精简 API。

输入数据

const data = [
  { id: 'a' },
  { id: 'b', parent: 'a' },
]

核心选项

• keyField：唯一键字段，默认 'id'
• parentField：父引用字段，默认 'parent'
• defaultExpanded：初始展开集合或 true 展开全部
• plugins：插件列表

常用 API

• items()：当前可见节点序列
• getNode(id)：按 id 获取节点
• expand/collapse/toggleExpand：展开收起
• appendChildren/moveNode：追加子节点与移动
• events：事件总线（on/emit）

• 相关链接：

• 文档与示例：www.splicetree.dev
• 仓库：Splice Tree