-
准备工作
![]()
安装完成后，打开命令行工具，输入以下命令来检查Node.js是否成功安装： node -v 如果安装成功，应该可以看到Node.js的版本号。 npm是Node.js的包管理器，用于安装第三方包。同样地，在命令行中输入以下命令来检查npm是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue
来自：帮助中心 -
调试工具
![]()
中看到变化。 事件追踪：查看组件之间的事件传递，帮助理解和调试组件间的交互。 Vuex集成：如果应用使用了Vuex，可以在Devtools中查看、追踪和编辑应用的状态。 性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。
来自：帮助中心 -
开发概述
![]()
，用户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
来自：帮助中心 -
应用前端开发概述
![]()
，例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 图1 标准页面 高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面
来自：帮助中心 -
开发指导
![]()
Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app 选择Vue3。 图1
来自：帮助中心 -
设置AstroZero高级页面路由导航和路由视图组件属性
![]()
参考登录AstroZero新版应用设计器中操作，登录应用设计器。 单击页面左上角的，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件”。 在“全局”组件中，单击“路由导航(示例)”，进入组件详情页面。
来自：帮助中心 -
路由导航和路由视图
![]()
在设计页面左上方，单击，从“导航”的自定义组件中，拖拽11中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。
来自：帮助中心
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
