翻肚皮的猫

AI 说「等我一下」，然后你切去刷视频，半小时后回来发现它在等你点「同意」。AI任务跑完了，结果你还在低头玩手机。 老板给你一天时间，结果AI编辑器等你等了半天。

作为一名紧跟潮流（热爱摸鱼）的咸鱼型人格程序员，我给Cursor、Claude Code开发了个小工具

上回二次封装的el-table组件暂不支持多级表头的情况（感谢评论区大佬的提醒），本次使用递归组件修复这个问题。

react一直尽量绕开mixin而推荐使用高阶组件，react函数即组件，虽然vue组件最终表现也是函数，但在vue组件未注册时本质是对象，本期我们将利用vue的高阶组件，来实现简单的组件配置化

上期我们通过递归的方式实现了配置化的菜单栏，但是单纯使用菜单栏还不够，项目中需要有一套路由管理。我们可以引入react-router-dom实现。

最近在学习react，想着之前vue用递归组件实现了配置化的菜单栏，那么是否可以用react也实现一次呢？毕竟react一个函数就是一个组件，递归函数我么再熟悉不过了~

vue的v-model实际上时一种语法糖，简洁的实现了数据双向绑定的效果，那么我们平时二次封装比较通用的组件的时候也想实现数据双向绑定应该怎么办呢？

平时在使用el-tabl的时候，经常要写el-table又要写el-table-column，有分页的时候还要加上el-pagination，实在是挺烦的，影响开发效率，可以封装自己的table组件

在我们的日常开发中经常会二次封装一些已有的组件，但是如果一个个的透传属性、事件、插槽等给已有组件的话那就太麻烦了，其实vue提供了属性、事件监听、插槽等批量透传的能力。