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

查看更多 →

button> </div> 在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui", elem)[0]

查看更多 →

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

查看更多 →

_mintui.zip）的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

</div> 在Widget包的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

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

查看更多 →

引用 引用组件用于从关联的记录中引用某个字段数据显示在当前页面中。选用该组件需要在页面中已使用关联记录。 在表单开发页面，从“数据组件”中，拖拽“引用”组件至表单设计区域，如图1。 图1 引用 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 关联字段：选择当前页面中的关联记录。

查看更多 →

_mintui.zip）的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

续节点进行引用，如Open API的请求体内容、查询数据库的结果、HTTP请求的结果等。 节点变量引用方式：${payload}。 如果执行结果是一个对象，如JSON对象、XML对象等，可以使用${payload.id}或者${payload[0].id}等方式，引用执行结果中的部分数据。

查看更多 →

使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

变量引用 在编写模板时，通常会使用到变量引用的特性，像写函数一样，引用一个已定义好的变量或引用其他对象的成员变量。在AOS模板中也是一样的，您也可以引用其他已有的值。 为了使模板写作更加通顺，根据被引用的对象，将引用方法分为： 引用输入：使用get_input方式。 引用元素属性

查看更多 →

setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils

查看更多 →

续节点进行引用，如Open API的请求体内容、查询数据库的结果、HTTP请求的结果等。 节点变量引用方式：${payload}。 如果执行结果是一个对象，如JSON对象、XML对象等，可以使用${payload.id}或者${payload[0].id}等方式，引用执行结果中的部分数据。

查看更多 →

在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南

查看更多 →

外部桶 外部桶简介 挂载外部桶 应用示例一：由桶ACL授权挂载桶的权限 应用示例二：由标准桶策略授权挂载桶的读写权限 应用示例三：由高级桶策略授权挂载桶的读写权限

查看更多 →

外部调用 ApacheHttpAsyncClient连接池 ApacheHttpClient连接池 CS EConsumer集群监控 DubboConsumer监控 HttpClient监控 NodeJsHttpClient监控 NodeJsHttpServer监控 父主题： 指标总览

查看更多 →

本章节主要对查看HttpClient监控进行介绍。 查看外部调用 登录管理控制台。 单击左侧，选择“管理与监管 > 应用性能管理 APM”，进入APM服务页面。 在左侧导航栏选择“应用监控 > 指标”。 在界面左侧树单击待查看外部调用环境后的。 单击“外部调用”，切换至外部调用页签。默认展示“全部实例”的“HttpClient监控”信息。

查看更多 →

查找所有引用 选择一个符号，然后按下“Alt+F7”（IDEA快捷键）/“Shift+Alt+F12”，在“查找引用”视图中打开该符号的所有引用。 “查找引用”视图的工具栏按钮有： /：展开/折叠列表中的所有项。 /：在代码编辑器中打开符号的下一个/上一个出现位置。 ：在导入语句中显示引用。

查看更多 →

更新引用对象 操作场景 当搜索服务引用的实体存在数据变更时，您可在应用运行态更新引用对象，更新搜索服务的数据。 前提条件 已登录应用运行态。 操作步骤 在左侧导航栏中，单击“搜索服务管理 > 搜索服务定义”，进入搜索服务管理页面。 找到需要更新的搜索服务，单击。 图1 更新引用对象

查看更多 →

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

查看更多 →