timers：在给定的毫秒数后调用函数。 通过require方法可以直接使用CodeArts API内置的JS类库。 var cryptoJs = require("crypto-js"); console.log(cryptoJs.SHA256("Message")); 使用方式 /** * 示例一：该示例引入加密算法模块

查看更多 →

width：在绝对布局高级页面中添加该组件时的默认宽度，单位为px，不填写默认为200px（本例模板中未体现）。 height：在绝对布局高级页面中添加该组件时的默认高度，单位为px，不填写默认为200px（本例模板中未体现）。 messages-zh/messages-en.json 组件的国际化资

查看更多 →

在命令行中输入以下命令来检查npm是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI：

查看更多 →

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

查看更多 →

initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData

查看更多 →

initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData

查看更多 →

则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部

查看更多 →

i18n：指定组件的国际化资源文件。本例模板中未体现。 requires：依赖的库名称和版本号。 width：在绝对布局高级页面中添加该组件时的默认宽度，单位为px，不填写默认为200px。本例模板中未体现。 height：在绝对布局高级页面中添加该组件时的默认高度，单位为px，不填写默认为200px。本例模板中未体现。

查看更多 →

</div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在不同语种下，在页面中选中拖出的Widget，会在右侧显示该组件的属性配置面板，查看Widget属性是否符合预期。

查看更多 →

本例模板中未体现。 height：在绝对布局高级页面中添加该组件时的默认高度，单位为px，不填写默认为200px。本例模板中未体现。 messages-zh/messages-en.json 组件的国际化资源文件，用于配置多语言。本例模板中未体现。 表2 组件名.js中预置API说明

查看更多 →

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

查看更多 →

拽并不能很好的拖入到指定的层级中，所以，设计器提供在画布中右键精准添加组件的能力。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端应用”。 单击待编辑应用模块内的“应用开发”，进入设计器。 画布中选中组件，然后单击鼠标右键。 选择“插入

查看更多 →

使用Vue应用部署模板创建并部署应用 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试

查看更多 →

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

查看更多 →

Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对

查看更多 →

scope：私有依赖库路径，查看方法请参考发布私有组件到Npm私有依赖库。 packageName：“package.json”文件中，name字段中scope之后的部分。 version：“package.json”文件中，version字段对应的值。 registryUrl：私有库配置文件中的对应scope的私有库地址url。

查看更多 →

scope：私有依赖库路径，查看方法请参考发布私有组件到Npm私有依赖库。 packageName：“package.json”文件中，name字段中scope之后的部分。 version：“package.json”文件中，version字段对应的值。 registryUrl：私有库配置文件中的对应scope的私有库地址url。

查看更多 →

registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader

查看更多 →

使用SDK（Node.js） Node.js开发环境配置 Node.js环境SDK导入 SDK调用示例

查看更多 →

registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader

查看更多 →

其他组件使用 创建组件 日期选择器 漏斗图 仪表盘 进度条 产业分布图 里程碑 父主题： 大屏组件

查看更多 →