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

查看更多 →

Loading 是否解构 开启 入口路径 本示例不填 版本号 0.1.20 CDN 本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入

查看更多 →

将组件保存为卡片 操作场景 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 操作步骤 参考如何登录AstroCanvas中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层

查看更多 →

npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

将组件保存为卡片 操作场景 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层

查看更多 →

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

查看更多 →

组件”，单击“提交新组件”。 在提交新组件页面，设置组件基本信息，并上传压缩文件，单击“提交”。 图6 上传自定义组件示例 表3 上传组件参数说明 参数 说明 名字 新提交组件的名称，系统会根据组件包名称自动填充。 示例：TabsWidget 上传图标 组件的显示图标。 上传源文件 组件源文件包，单击“请选择源文件(

查看更多 →

线下开发自定义登录组件 在左侧资产下的组件模板中，单击widgetVueTemplate，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示，其中userLogin

查看更多 →

当需要使用页面宏来存储变量时，请选用该模板。 下载组件模板。 根据需求选择模板，在组件模板详情页中单击“下载”按钮，在“下载组件模板”弹窗中输入组件名称，单击“保存”按钮即可。 本章节示例中同时开发标签页组件和信息展示组件，由于本例中组件基于Vue框架实现，所以优先选择widgetVueT

查看更多 →

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

查看更多 →

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

查看更多 →

} }) 将修改后的组件Widget包，重新打包。 参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。

查看更多 →

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

查看更多 →

GET /v1.0/cdn/domains cdn:configuration:queryDomainList - POST /v1.0/cdn/domains cdn:configuration:createDomains - DELETE /v1.0/cdn/domains/{domain_id}

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

如何验证CNAME是否生效？ 如何验证CNAME是否生效？ 配置CNAME后，不同的DNS服务商CNAME生效的时间也不同，您可以通过以下方式验证CNAME是否生效。 打开Windows操作系统中的cmd程序，输入如下指令： nslookup -qt=cname 加速 域名 如果回

查看更多 →

onBeforeUpdate：在组件更新之前执行。 onUpdated：在组件更新完成后执行。 onBeforeUnmount：在组件被卸载之前执行。 onUnmounted：在组件卸载完成后执行。 onErrorCaptured：在捕获了组件传递的错误时执行。 onActivated：当组件被插入到DOM中激活时执行。

查看更多 →

onBeforeUpdate：在组件更新之前执行。 onUpdated：在组件更新完成后执行。 onBeforeUnmount：在组件被卸载之前执行。 onUnmounted：在组件卸载完成后执行。 onErrorCaptured：在捕获了组件传递的错误时执行。 onActivated：当组件被插入到DOM中激活时执行。

查看更多 →