组件封装优化

组件拆分

• 组件拆分，按照功能拆分，通过hooks

组件通信

• 对于多层组件通信，不建议使用Props, 会导致嵌套太多，需要写太多次传递，不利于可读性以及维护性，react中可以使用Context，vue使用provide/inject来进行多层组件之间通信
• 对于vue，也可以通过ref/reacive，把数据状态提取到外部，让组件引用的时候共享
• 对于只有父子两层，可以使用Props
• 也不建议使用全局状态通信，全局状态通信适合 整个应用程序的状态共享，比如路由信息、菜单栏配置、用户信息、权限信息等