在开发高级页面过程中，可以使用预置的组件，快速构建页面；也可以自定义组件构建页面。 开发自定义组件时，可以根据组件功能下载组件模板进行开发。 组件模板名称 功能 widgetVueTemplate 当自定义组件需要使用Vue库时，请选用该模板。 widgetPropertyTemplate 当自定义组件需要通

查看更多 →

// 组件包说明文件 组件zip包的目录及文件的名称不能是中文，且编译后的组件包大小应在1M以内。 组件名遵循Vue组件命名，并且要在当前应用中唯一。您可参考Vue框架指南定义Vue组件代码，并参考Vue组件打包指南对Vue组件进行打包，打包后才能使用。 表1 组件包文件说明

查看更多 →

npm utils使用示例 本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。

查看更多 →

前台控制逻辑。 通过vue父子组件引用的方式，将子页面CustomerInfoDemo.vue嵌入座席流程可视化的父页面servicecloud/aicc-web/src/views/ccmanagement/pages/iolp-service/IolpService.vue中。 示例代码如下：

查看更多 →

编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口来实现灵活的可定制性，这样就可

查看更多 →

如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。

查看更多 →

资源设置 库是支撑页面组件运行的第三方依赖，如果缺少相应的库，则组件不能正常运行。在项目的资源设置中，您可以管理页面中使用到的库。 资源设置 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。

查看更多 →

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

查看更多 →

提交后，可在高级页面和大屏页面中使用该组件。自定义组件端到端使用示例，请参见自定义组件说明。 表3 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标。 上传源文件 组件源文件包，单击“请选择源文件(.zip)”可选择源文件上传。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。

查看更多 →

在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表1。 表1 组件名.js中预置API说明

查看更多 →

overflow: scroll; } 将修改后的头部组件和组件路由导航组件文件，重新打成zip包。 参考基于预置组件进行自定义中操作，上传重新打包后的组件。 在高级页面设计器左上方，单击，拖出上传的头部组件、路由导航组件和预置的路由视图组件至设计页面。 单击页面上方的，保存页面。 保存成功后，单击，发布页面。

查看更多 →

提交后，可在高级页面中使用该组件。 图1 提交新组件 表3 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标。 上传源文件 组件源文件包，单击“请选择源文件(.zip)”可选择源文件上传。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。

查看更多 →

职业认证考试的报名方式 您可以登录Pearson VUE网站或联系 Pearson VUE客户服务中心或前往附近的Pearson VUE考试中心预约笔试考试时间和地点。 HCIE认证考试还包含实验考试，通过华为官网进行实验考试预约。 华为认证笔试考试由Pearson VUE考试服务公司代理。您也可以在Pearson

查看更多 →

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

查看更多 →

如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装

查看更多 →

联服务。 创建H5移动端工程。 使用原生或者流行框架（如Vue、React）创建H5移动端工程。 引入WebARSDK文件。 下载、解压WebARSDK包，并将下载WebARSDK包放入工程目录，通过外部引入脚本的方式引入WebARSDK文件。 验证租户身份信息。 通过hwar.

查看更多 →

引入参数 此重构允许您为方法声明引入新参数，以便在方法调用中，原始表达式被提供为方法参数。您还可以选择保留原始方法，或者使用创建的参数定义一个新方法。这与内联参数重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到参数的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce

查看更多 →

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

查看更多 →

id、class、name或者页面中出现的唯一性的中文汉字，搜索就可以直接定位到代码。 调用堆栈 堆栈是一个数据结构，每一个函数调用时都会将函数的指针和参数值保存到堆栈中，后进先出，最后调用的函数最先出栈。 可以通过打断点，查看Chrome开发面板的sources的call st

查看更多 →

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

查看更多 →

$emit("hangUp");在Footer.vue中有该事件的监听，会调用cancel方法。 //音视频挂断 EventBus.$on("hangUp", () => { this.cancel(); }); 其中dropClickToCall会调用dropClickToCall接口。

查看更多 →