优维低代码实践:片段_代码技术

优维低代码实践:片段_粘贴板_02

优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。


优维低代码实践连载第21期

《片段》

片段类似于模板,由多个组件封装而成,但却不像模板一样需要透传相关参数或配置内部某些构件的事件、方法。

片段更类似于在编排过程中复制某个构件(该构件下的所有子构件都被复制),此时在粘贴板中不止存在该构件,连带将该构件下的所有构件一并保存在粘贴板中。片段中的构件内容在被使用时与被定义时保持一致。

片段定义之后,调用片段并修改内容,不会对原片段产生影响;片段被调用后,再去修改片段内构件的内容,不会对已被调用的片段产生影响。

片段的创建

创建片段的基本信息

优维低代码实践:片段_代码技术_03

添加、修改片段内的构件信息

优维低代码实践:片段_运维_04

片段的调用

在组件库中查看新添加的片段

优维低代码实践:片段_粘贴板_05

拖拽片段至父构件的插槽中

优维低代码实践:片段_粘贴板_06

优维低代码实践:片段_粘贴板_07

优维低代码实践:片段_粘贴板_08

以上就是片段的定义与调用。