上一小节我们实现了SvgIcon组件来支持组件开发中用到字体图标的地方,并应用在了tree节点折叠、展开的图标上,本小节我们将其用到tree的插槽内容中,一起来学习基于Vue3 tsx的插槽用法吧~ 先看要实现的效果: 要实现的文档部分: 完善vitepress文档 这里判断父节点和叶子节点分别用不同的颜色来填充。 编写带有slots的tree组件用法示例 完善tree组件 需要在setup方法参数中注入slots。 样式调整: tree样式新增内容: 最后是slots的用法: