新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本

查看更多 →

组件 应用中创建组件 获取应用所有组件 获取所有组件 根据组件ID修改组件信息 根据组件ID删除组件 根据组件ID获取组件信息 根据组件ID下发组件任务 根据组件ID获取记录 父主题： 应用管理（v3版本）

查看更多 →

组件 组件承载着编辑器的核心功能，通过对组件的数据绑定、样式设置或交互动作，最终完成大屏的多样化设计和功能需求开发。 基础组件 文字 应用示例：使用文字组件设置页面标题。 图1 文字-1 添加组件：在左侧组件列表中，找到“文字”组件，将该组件拖到画布中。 图2 文字-2 配置样式

查看更多 →

组件 创建组件 获取组件列表 获取组件详情 更新组件 删除组件 创建、生效配置并部署组件 操作组件 获取组件快照列表 获取组件事件列表 获取组件实例列表 父主题： CAE API

查看更多 →

线下开发自定义登录组件 在左侧资产下的组件模板中，单击widgetVueTemplate，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示，其中userLogin

查看更多 →

zip)”，选择6中的商品列表组件包commodityListWidget.zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手

查看更多 →

组件 应用中创建组件 获取应用所有组件 根据组件ID修改组件信息 根据组件ID删除组件 根据组件ID获取组件信息 父主题： 应用管理（v2版本）

查看更多 →

器。 在左侧导航栏中，选择“设置”，进入应用设置页面。 在菜单栏中，选择“高级设置”。 在“兼容性设置”页签中，打开“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 父主题： 使用AstroZero对应用进行个性化设置

查看更多 →

根据组件ID删除组件 功能介绍 此API通过组件ID删除组件。 调试 您可以在 API Explorer 中调试该接口。 URI DELETE /v2/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →

onBeforeUpdate：在组件更新之前执行。 onUpdated：在组件更新完成后执行。 onBeforeUnmount：在组件被卸载之前执行。 onUnmounted：在组件卸载完成后执行。 onErrorCaptured：在捕获了组件传递的错误时执行。 onActivated：当组件被插入到DOM中激活时执行。

查看更多 →

onBeforeUpdate：在组件更新之前执行。 onUpdated：在组件更新完成后执行。 onBeforeUnmount：在组件被卸载之前执行。 onUnmounted：在组件卸载完成后执行。 onErrorCaptured：在捕获了组件传递的错误时执行。 onActivated：当组件被插入到DOM中激活时执行。

查看更多 →

（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击widgetVueTemplate，再单击“下载”。

查看更多 →

根据组件ID删除组件 功能介绍 此API通过组件ID删除组件。 调试 您可以在API Explorer中调试该接口。 URI DELETE /v3/{project_id}/cas/applications/{application_id}/components/{component_id}

查看更多 →

文件字段说明 widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为px，不填写默认为200px。

查看更多 →

创建应用 创建“设备维修管理系统”应用 关闭Vue3框架渲染组件开关 了解应用目录及菜单 创建“业务用户登录”页面 父主题： 通过AstroZero开发设备维修管理应用

查看更多 →

setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例，配合Vue和VueI18n使用。使用方式参考如下： /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({

查看更多 →

setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例，配合Vue和VueI18n使用。使用方式参考如下： /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({

查看更多 →

。 callFlowConn 根据组件配置的数据类型（数据集、桥接器、数据源和静态数据），获取数据。 beforeDestroy 组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init()

查看更多 →

文件字段说明 widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为px，不填写默认为200px。

查看更多 →

。 callFlowConn 根据组件配置的数据类型（数据集、桥接器、数据源和静态数据），获取数据。 beforeDestroy 组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init()

查看更多 →

关注组件/取消关注组件 功能介绍 关注组件/取消关注组件 调用方法 请参见如何调用API。 URI POST /cloudartifact/v5/attention 请求参数 表1 请求Body参数 参数 是否必选 参数类型 描述 attention 是 String 关注/取消关注

查看更多 →