云服务器内容精选

华为云首页用户手册

开发高级组件

ASTRO轻应用 ASTROZERO-在线开发高级组件:场景描述

场景描述本章节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示，页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。图1 标签切换效果本章节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景。其中，标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见如何实现组件交互。

ASTRO轻应用 ASTROZERO 开发高级组件
APPCUBE-在线开发高级组件:背景信息

背景信息当AppCube平台提供的全局高级组件无法满足您的开发需求时，平台支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程通常是选择系统预置的组件模板下载到本地，组件开发完成后再上传到组件库中，具体操作将在下面的章节中进行介绍。【信息】AppCube支持对全局高级组件进行二次开发后，上传为自定义组件。AppCube支持将标准页面发布为高级组件，详细信息请查阅如何将标准页面发布成高级组件。

APPCUBE 开发高级组件
APPCUBE-在线开发高级组件:场景描述

场景描述本节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考华为消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。图1 消费者业务网站示例本节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景，其中标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。【信息】本节使用的示例组件开发过程中使用了前端开发框架Vue及组件库Element。事件-动作机制详细信息请查阅如何实现组件交互。

APPCUBE 开发高级组件