在设计页面左上方，单击，从“导航”的自定义组件中，拖拽11中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。

查看更多 →

在设计页面左上方，单击，从“导航”的自定义组件中，拖拽13中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。

查看更多 →

}); 上述代码中定义的展示图片文件可单击img.zip获取，下载后解压到DisplayWidget目录中即可正常使用。 本段示例代码中widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

}); 上述代码中定义的展示图片文件可单击img.zip获取，下载后解压到DisplayWidget目录中即可正常使用。 本段示例代码中widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

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

查看更多 →

单击“确定”，弹出JS面板，刚创建的onClickNew事件已存在JS面板中。 在JS面板中编写绑定方法的具体逻辑。 图2 实现逻辑编写 单击“保存”，绑定事件完成。 创建普通方法在生命周期中使用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端应用”。

查看更多 →

}); 上述代码中定义的展示图片文件可单击img.zip获取，下载后解压到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 我们可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口来实现灵活的可定制性，这样就可以在不同页面不同子系统中，复用同样的逻辑和功能了。

查看更多 →

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

查看更多 →

}); 上述代码中定义的展示图片文件可单击img.zip获取，下载后解压到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。

查看更多 →

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

查看更多 →

Dubbo应用实现标签路由功能 功能介绍 基于虚拟机场景 基于CCE场景 配置路由规则 验证标签路由功能 父主题： ServiceComb引擎应用治理

查看更多 →

SpringCloud应用实现标签路由功能 功能介绍 基于虚拟机场景 基于CCE场景 配置路由规则 验证标签路由功能 父主题： ServiceComb引擎应用治理

查看更多 →

页面。Home页面中没有实际数据，在Home页面中拖拽了几个图表组件，然后保存发布成样例页面。在实际开发过程中，可以根据业务需要，选择跳转到需要的页面，或者执行自定义的业务逻辑。 图7 Home页面 进入AstroZero开发环境首页，在“项目 > 我的应用”中，单击“A”应用。

查看更多 →

”修改成“imgButton”和“imgButtonDesign”。 cname：在应用引擎中显示的名称。 dname：在 应用开发工具 中显示的名称。 displayName：在页面构建器中显示的文本。 "dnd": { "cname": "imgButton", "dname":

查看更多 →

进入虚拟私有云列表页面。 在左侧导航栏，选择“虚拟私有云 > 路由表”。 进入路由表列表页面。 在路由表列表中，找到目标路由表，并单击路由表名称超链接。 进入路由表详情页面。 单击“添加路由”，按照提示配置参数。 单击，可以依次增加多条路由。 表1 参数说明 参数 说明 取值样例 目的地址类型

查看更多 →

如果当前图元在项目树节点下面有多个了模型图，点击该操作右侧界面会弹出多个模型图的列表，单击列表中的模型图名称，可以打开对应的模型图； 通过双击图标上的子图图标也可以直接打开图元的子图； 关联图方式：将元素与图进行手动关联，可以实现双击元素图形上的关联图角标，快速打开关联的图形； 元素关联到当前模型工程其他图，在元素菜单中点“关联图”：

查看更多 →

"css/index" } ] } 上传自定义库。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库

查看更多 →

在左侧菜单栏中，选择“ 域名 管理”。 在域名列表中，单击需要修改的域名或域名所在行的“设置”，进入域名配置页面。 选择“HTTPS配置”页签。 在强制跳转模块，单击“编辑”进入配置界面。 图1 强制跳转 表1 参数说明 参数 说明 状态 是否开启此项配置。 开关打开：开启强制跳转配置。

查看更多 →

"css/index" } ] } 上传自定义库。 参考如何登录AstroCanvas中操作，登录AstroCanvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库

查看更多 →

在Devtools中查看、追踪和编辑应用的状态。 性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue Devtools

查看更多 →