08.自定义页面组件（开发指南）

用户1194

用户2379

用户800

用户7979

用户9743

3月10日修改

相关文档：

案例demo：06.自定义页面组件（专题案例）

Vue：Vue2

页面js：页面JS事件扩展API

1.
文档概述​

此文档旨在针对七巧的自定义页面组件功能做详细介绍，涵盖操作方式，使用路径等，同时汇总常用场景及其写法，为使用该功能的用户提供对应的案例，便于上手，减少开发的时间。​

1.1
前期准备​

1.1.1
能力要求​

•
在组件自定义事件中，会涉及调用页面js脚本内容，需要阅读下​页面JS事件扩展API​

•

学习vue2的开发文档，会创建一个单组件实例vue

2.
什么是自定义页面组件​

当通用的页面组件无法满足客户更加复杂、个性化的组件需求，而开放出来的PC建模和移动建模中自定义组件的扩展能力。​

3.
自定义页面组件能干什么​

实现标准组件无法完成的业务，其中包括UI样式、组件改造、外部集成​

4.
功能介绍​

4.1
快速上手​

背景：自定义页面组件是基于vue2.0版本/vue3.0版本下进行拓展和编写，目前只支持spa下单组件式研发，可以针对七巧页面组件进行拓展和自定义​

4.1.1
创建自定义页面组件​

创建自定义页面组件时，可以选择Vue版本，其中Vue3 版本 : 3.5.2 、 Element Plus 版本 : 2.4.4​

ps：记得点击发布开关

vue3案例截图

4.1.2
新建页面建模​

4.1.3
配置自定义页面组件​

08.自定义页面组件（开发指南）​