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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

在主页中，单击“进入首页”，进入AstroZero应用开发页面。 单击，选择“环境管理 > 环境配置”，进入环境配置。 在主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 库”。 单击“提交新库”，进入提交新库页面。 设置库的基本信息，上传1中的zip包后，单击“提交”。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

不可编辑和禁用，只可下载。 库禁用后，在“应用管理 > 页面资产管理 > 禁用资产”中，可查看已禁用的库。库禁用后，在库详情页面，单击“删除”，输入待删除库的名称，可删除该库。若需解除禁用，可单击“启用”，重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以

查看更多 →

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

查看更多 →

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

查看更多 →

age-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 register

查看更多 →

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

查看更多 →

troZero环境配置中，可管理当前环境中该账号下的库资产。 查看库详情 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理

查看更多 →

绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法 选中画布中已有的组件元素。 在右侧“属性”设置面板中，选择一个支持变量

查看更多 →

age-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 register

查看更多 →

助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。 给组件绑定JS方法 在页面JS中添加脚本并保存。 function exampleFunction() { // JS逻辑 } 选中画布中已有的组件元素。 在右侧“高级”设置面板中，鼠标移动至添加按钮上，弹出可添加事件

查看更多 →

单击“JS错误列表”中，页面地址列的URL链接，展示该URL链接的详细性能数据信息。 图2 聚类分析 页面JS错误率趋势图：展示页面JS错误率、浏览量、影响用户比例。鼠标停留在折线节点处，可以展示该节点详细指标信息。 页面JS错误数据统计表：展示页面JS错误数据的统计时间、UID、标签、错误信息、错误栈以及操作。

查看更多 →

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

查看更多 →

AI原生应用引擎中预置了哪些提示语？ AI原生应用引擎预置了多款提示语模板，包含智能问答，智能写作，生活助手，智能分析，智能文档，生活助手等提示语类型，每个提示语类型下面都有对应类型相关提示语，如指标计算方法，问答场景选择，总结大纲，买家评价生成器等提示语。 父主题： AI原生应用引擎

查看更多 →