翻肚皮的猫

上回二次封装的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提供了属性、事件监听、插槽等批量透传的能力。

承接上回，循环表单实现了，那么怎么进行校验呢？主要是用到el-form的validate方法，该方法会返回一个promis，我们就可以将所有的promise全部执行就可以了

在我们的日常开发中，表单需求非常常见，可能会碰到一些比较复杂的情况，我们可以参考下面循环表单的实现得到一丝丝启发~