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

查看更多 →

（可选）当使用命令行进行组件创建时，需要使用vue cli 2的模板功能（magno ui可视化操作不需要该步骤），需要在cmd命令窗口，任意本地目录下执行如下加粗字体命令安装“vue/cli”和“vue/cli-init”。 yarn global add @vue/cli yarn

查看更多 →

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

查看更多 →

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

查看更多 →

在“兼容性设置”页签中，开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中，提供了Vue2和Vue3两种框架的组件，如果需要使用Vue2框架的组件，需要关闭“页面组件的渲染框架由Vue2升级为Vue3”，否则会提示图2中信息。 图2 界面报错 父主题： 使用华为云Astro轻应用对应用进行个性化设置

查看更多 →

级页面组件中直接引用或在页面设置中直接进行加载并使用。当系统预置的库无法满足需求时，可以上传自定义库，并加载到页面中使用。以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库，并在组件中使用库，最终实现效果如图1所示。 图1 引入库后效果 功能实现方法

查看更多 →

eI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。

查看更多 →

调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结

查看更多 →

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

查看更多 →

lobal_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。

查看更多 →

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

查看更多 →

预置cdn链接说明 为了使用的方便，目前在Vue技术栈中，已经预置了一部分npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer

查看更多 →

<script setup> import * as vue from 'vue' import { defineProps, defineEmits } from 'vue' import { I18nInjectionKey } from 'vue-i18n' const props =

查看更多 →

resolve './App.Vue' in '/xxx/slave1/workspace/job_d5d70df6-9b64-4faa-ba67-93c06d4a1972_1545727944134/src'”，在“src”文件夹下找不到“./App.Vue”文件。可能原因如下： 对应文件夹下，没有所需文件。

查看更多 →

- JavaScript heap out of memory. 原因分析 Nodejs运行时使用内存是有大小限制的，64位系统约为1.4GB，32位系统约为0.7GB，该次构建内存使用超出了默认大小。 处理方法 方法一：升级nodejs版本。 方法二：启动Node时设置“--m

查看更多 →

，可删除该库。若需解除禁用，可单击“启用”，重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo

查看更多 →

代码使用示例-用户发起点击通话 发起点击通话的前提，是在接收用户消息时，通过了webRTC环境的校验。 当demo中出现了以下按钮，代表可以发起点击通话。 发起的方法，可以参考Footer.vue中的createCall方法。 /音视频通话 createCall(callType)

查看更多 →

xx:8081/repository/npm-group/ npm install --prefix web/ is-component-vue@latest is-vue-module@latest --registry http://xx.xx.xx.xx:8081/repository/npm-group/

查看更多 →

get的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue Router的代码开发规范，修改组件包中的文件。 本示例场景中，增加如下加粗代码。 var Vue3Navigator_Widget = StudioWidgetWrapper

查看更多 →

件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。 本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见如何实现组件交互。 操作步骤 下载组件模板。 参考登录经典应用设计器中操作，登录经典版应用设计器。

查看更多 →

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

查看更多 →