AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app

查看更多 →

json 组件的国际化资源文件，用于配置多语言（本例模板中未体现）。 组件DOM结构及逻辑编写。 TabsWidget组件： 在TabsWidget组件包TabsWidget.js文件中的render函数下，修改注册的Vue实例。 thisObj.vm = new Vue({

查看更多 →

getMessages：返回该组件国际化配置文件中定义的国际化文件内容。需要配置vue和vueI18n使用。 例如开发组件时定义了messages-en.json和messages-zh.json国际化文件。thisObj.getMessages()返回的就是这两个文件中定义的国际化内容。 hide

查看更多 →

国际化资源管理 使用说明 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。

查看更多 →

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

查看更多 →

getMessages：返回该组件国际化配置文件中定义的国际化文件内容。需要配置vue和vueI18n使用。 例如开发组件时定义了messages-en.json和messages-zh.json国际化文件。thisObj.getMessages()返回的就是这两个文件中定义的国际化内容。 hideW

查看更多 →

组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图5 界面报错

查看更多 →

内容分发网络CDN接入LTS 支持内容分发网络CDN实时日志接入LTS。实时日志可以帮助您分析加速 域名 遇到的异常问题，也可以帮助您了解用户的访问情况。 具体接入方法请参见实时日志。 父主题： 使用云服务接入LTS

查看更多 →

关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

在左侧插件栏中，单击，展开“国际化资源”页面。 在“国际化资源”页面，您可以通过如下方式删除国际化词条。 单个删除：在待操作的国际化词条所在行，单击。 图3 单个删除国际化词条 批量删除：勾选多个国际化词条，单击列表上方的“批量删除”。 图4 批量删除国际化词条 在弹出的提示框中，单击“确认”。

查看更多 →

在左侧插件栏中，单击，展开“国际化资源”页面。 在“国际化资源”页面，您可以通过如下方式删除国际化词条。 单个删除：在待操作的国际化词条所在行，单击。 图3 单个删除国际化词条 批量删除：勾选多个国际化词条，单击列表上方的“批量删除”。 图4 批量删除国际化词条 在弹出的提示框中，单击“确认”。

查看更多 →

组件的国际化资源文件，用于配置多语言（本例模板中未体现）。 组件DOM结构及逻辑编写。 TabsWidget组件 在TabsWidget组件包TabsWidget.js文件中的render函数下，修改注册的Vue实例。 const app = Vue.createApp({

查看更多 →

在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 更多关于Vue的使用，可参考Vue官网。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui", elem)[0]

查看更多 →

getMessages：返回该组件国际化配置文件中定义的国际化文件内容，需要配置vue和vueI18n使用。 例如，开发组件时定义了messages-en.json和messages-zh.json国际化文件。thisObj.getMessages()返回的就是这两个文件中定义的国际化内容。 hide

查看更多 →

getMessages：返回该组件国际化配置文件中定义的国际化文件内容。需要配置vue和vueI18n使用。 例如开发组件时定义了messages-en.json和messages-zh.json国际化文件。thisObj.getMessages()返回的就是这两个文件中定义的国际化内容。 hide

查看更多 →

com/node-sass/ npm config set phantomjs_cdnurl https://repo.huaweicloud.com/phantomjs npm config set chromedriver_cdnurl https://repo.huaweicloud.com/chromedriver

查看更多 →

之间有依赖关系，增加库文件需要有先后顺序，例如“global_VueI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。具体的依赖关系可参考如何引入第三方库中“系统预置库列表”。 在Widget包的widget_demo_mintui.ftl中写一个简单的表单DOM。

查看更多 →

开通CDN服务 在使用CDN之前，您需要开通CDN服务，本文为您介绍如何开通CDN服务。 前提条件 在执行本章操作前，请确认您 注册华为账号 并完成实名认证。 注意事项 您需要先购买流量包或者账号余额不少于1000元才能开通CDN服务，请确保您的账户中有足够的余额。您可以在费用中心页面，对账户进行充值。

查看更多 →

"name": "messages-zh" } ], "requires": [{ "name": "global_Vue", "version": "100.8.7" }, { "name": "global_VueI18n", "version":

查看更多 →

json：用于定义一组组件的元数据，包括组件的配置、依赖关系、版本信息等。 index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（ CSS ）。 组件协议结构规范 组件协议结构规范用于描述组件的关键信

查看更多 →

引入AICC.Support.js 打开需要集成到云客服的HTML页面。 在需要集成的页面引入AIC CS upport.js，如在html中使用： <script type="text/javascript" src="https://ip:port或域名/service-cloud/resource

查看更多 →