# 使用流程

# 快速上手

开发者可以通过七巧官方提供的在线IDE或本地IDE，基于Vue2.0版本（更高版本待推出）进行自定义组件的拓展和编写，目前只支持SPA下单组件式研发（优势：组件可复用性、每个组件可独立维护）。

# 创建组件【index.vue】

# 开发页面组件

开发自定义页面组件的基础能力要求：

1、学习Vue2的开发文档，会创建一个单组件实例Vue 2、组件中的自定义事件，涉及“页面JS事件扩展”相关内容，需学习了解：页面JS事件扩展API (opens new window)

详细开发文档持续更新中，详见 自定义页面组件-开发指南 (opens new window) 包含：

• 组件属性配置【setting.js】
• 调用案例
• 配置组件事件【event.json】
• API（组件内置参数）
• 组件内置系统UI框架

# 发布页面组件

注意：组件需启用后才可在页面设计器中调用；配置“组件权限”范围可授权给其他管理员维护/使用。

# 配置自定义页面组件

页面设计器 > 自定义组件，拖拽到画布，并在组件属性区配置功能业务，示意：

# 使用自定义页面组件

用户端界面查看与使用组件示意：