云服务器内容精选

华为云首页用户手册

物料中心

ASTRO企业应用 ASTROPRO-自定义组件开发指南:组件协议结构规范

组件协议结构规范组件协议结构规范用于描述组件的关键信息和配置项，对应组件的components字段。表1 组件协议结构规范字段说明类型 name 组件名称，以“i18n”形式配置。 Object component 组件名。 String icon 组件图标。 String screenshot 快照。 String description 组件介绍描述。 String npm 组件NPM包信息，会根据此描述引入npm源组件。 Object npm.package npm包名。 - npm.exportName 需要从npm包中import的名称。 - npm.version package的版本。 - npm.destructuring 是否以结构方式import。 - npm.script ESModule格式的JS文件CDN地址。 String npm.css 样式文件CDN地址。 String group 组件分组。 String schema 组件元数据（定义属性、事件等）。 Object configure 组件的属性信息。 Object version 组件版本。 Object

ASTRO企业应用 ASTROPRO 物料中心
ASTRO企业应用 ASTROPRO-自定义组件开发指南:模板文件介绍

模板文件介绍所有的自定义组件都在src/components文件夹里面内开发，模板内提供了两个预置模板componentA和componentB，可直接在模板基础上进行开发，如需更多可复制添加。图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。图2 components文件夹 componentBundle.json：用于定义一组组件的元数据，包括组件的配置、依赖关系、版本信息等。 index.js：作为应用程序的入口文件，即程序启动时首先执行的脚本。 *.vue：用于定义Vue组件，包括模板（HTML）、脚本（JavaScript）和样式（ CSS ）。

ASTRO企业应用 ASTROPRO 物料中心