
优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。
优维低代码实践连载第21期
《片段》
▽
片段类似于模板,由多个组件封装而成,但却不像模板一样需要透传相关参数或配置内部某些构件的事件、方法。
片段更类似于在编排过程中复制某个构件(该构件下的所有子构件都被复制),此时在粘贴板中不止存在该构件,连带将该构件下的所有构件一并保存在粘贴板中。片段中的构件内容在被使用时与被定义时保持一致。
片段定义之后,调用片段并修改内容,不会对原片段产生影响;片段被调用后,再去修改片段内构件的内容,不会对已被调用的片段产生影响。
片段的创建
创建片段的基本信息

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

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

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

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