如何制作组件模块化

制作组件，先要观察设计搞如果有相同的组件那就把相同的部分提取出来，然后通过，数据判进行，单独的处理，例如 react 函数 ，插槽， vue 插槽，或者根据数据的传输值践行判断

csss 值进行逻辑处理，对应的组件传递相对应的值进行 处理，

符合按需加载的逻辑

样式写在组件内部通过传入字段展示

一次加载,按需展示消耗比较大，但是比较容易管理

根据规律制造规律，一般默认选择，或者，创建自己数据改变原始数据，数据量过大，进行截取数据，然后进行更改

根据条件制造规律

模块组件化设计

组件： 子组件 ，父组件

子组件：只负责接收数据，父组件负责，数据的处理

原因： 子组件可能被多个父组件进行，依赖，子组件，通过传入的数据来进行展示和处理

案例： 当在 A 页面传入 关键信息，或者默认， 成为 输入，在 A 页面 输入关键信息 成为编辑模式

这个是最简单的案例，有的可能是4到 6 个页面同时进行依赖， 也不是简单的编辑，数据的变化，

所以如果在组件里面进行数据处理，组件将难以维护，组件的改动也特别难，