微搭低码组件低代码平台一枝独秀.pdf

微搭低码组件低码平台的枝独秀2022.05.26 肖玮(蛋先DX)微搭团队 前端级程师2ncform 开源项作者曾就职阿巴巴，唯品会，鹏汽等公司当前就职于腾讯，主要负责微搭专有版的设计和研发我叫肖玮，写章的名称是蛋先DX1.什么是低码组件2.低码组件的优势3.低码组件的场景4.低码组件的设计录什么是低码组件015拖的组件什么是低码组件6拖的组件是怎么来的呢？什么是低码组件7什么是低码组件8在低码平台上，我们可以通过可视化拖拉拽的式，再编写少量代码即可快速开发个应。使开发应相同的式开发的组件就是低码组件。“简单讲就是在低码平台上直接开发的组件”什么是低码组件低码组件的优势0210线下开发源码组件并上传低码组件的优势-源码组件11线下开发源码组件并上传利低码平台预览协助开发低码组件的优势-源码组件优化低码平台存在感很弱户需要学习两种开发式低码组件的优势-源码组件的不最多只是于预览组件的效果，开发组件并不能享受低码平台提供的可视化，配置化等特性学习了通过低码平台的拖拉拽式开发应，还要学习源码的式开发组件12充分发挥低码平台能的价值只需学习次，即可同时开发组件和应低码组件的优势低码平台即可开发应，也可开发组件，这样就最化地发挥低码平台的价值论开发应和组件，都是在低码平台上进，操作基本样，减少额外的学习成本13低码组件的场景0315SO，有了低码组件，就不源码组件吗？低码组件的场景源码组件引的第三组件库16它是低码组件的源头低码组件利低码平台上的组件（包括源码和低码组件），来开发的组件。低码组件的设计0418是由 UI+代码逻辑 组成，组件也是由 UI+代码逻辑 组成，不同的是组件需要对外暴露属性，事件等So，我们可以求同存异低码组件的设计-依据UIUI逻辑逻辑属性组件19低码组件的设计-组件属性看看 Vue 是怎么定义的？属性定义 属性赋值20低码组件的设计-组件属性看看 React 是怎么定义的？属性定义 属性赋值21低码组件的设计-组件属性属性是怎样定义的？22属性如何在 UI 上消费？低码组件的设计-组件属性23属性如何在代码中访问？低码组件的设计-组件属性24看下属性在使中的效果低码组件的设计-组件属性25低码组件的设计-组件事件看看 Vue 是怎么定义的？事件定义？不，直接 emit 就了 事件监听26低码组件的设计-组件事件看看 React 是怎么定义的？事件定义 事件监听27事件是怎么定义的？低码组件的设计-组件事件28事件如何被 UI 上的组件事件触发？低码组件的设计-组件事件29如何通过代码触发事件？低码组件的设计-组件事件30看看事件在使中的效果低码组件的设计-组件事件31低码组件的设计-组件插槽看看 Vue 是怎么定义的？插槽定义？依然不，直接写就完事了 插槽使32低码组件的设计-组件插槽看看 React 是怎么定义的？插槽定义 插槽使33如何定义组件插槽？低码组件的设计-组件插槽34看看使插槽的效果低码组件的设计-组件插槽35低码组件的设计-组件API看看 Vue 是怎么定义的？API特别定义？不，methods都是 API调36低码组件的设计-组件API看看 React 是怎么定义的？API定义37如何定义对外暴露的API？低码组件的设计-组件API38看看组件API的使效果低码组件的设计-组件API39抽象属性，双向绑定属性，值变化监听，组件配置，低码组件如何运等等请听下回分解。低码组件的设计-其它The End