组件复用

【】组件在加载和渲染时，都需要成本，因此在使用时尽量避免组件滥用。

🔔 TIP

目前适合使用组件场景，可以参考：

• 纯粹的UI复用场景，如按钮组、查询面板；

• 业务逻辑自成一体，不强依赖外部的数据，在大部分场景中可以做到热插拔的效果，如下拉框固定选择指定业务数据，组件固定展示某部分业务数据。

  PS：该场景下，组件内部的「数据绑定」优先选择「指定数据源」；

• 页面设计中需要页面嵌套以及动态切换功能模块时，页面容器可以被组件全面替换掉；

• 特定场景下的解决方案，如图文列表的嵌套，手机界面下使用「Element Plus 插件」等。

【】在需要动态切换业务模块的场景中，推荐将组件容器设置为空或默认组件，在需要时通过「操作单元格命令 - 设置组件」功能进行动态组件加载与切换。

🔔 TIP

将组件容器设置为空可以有效加快页面的初始化耗时。

【】使用「编辑属性变更时命令」时，必须判断属性值，避免触发调用陷阱。

📍 INFO

当组件设置了属性后，任意属性的值发生变化，都会触发「编辑属性变更时命令」。如果每个属性都绑定了操作行为，那么组件内部的调用链路将会非常可怕。