[TOC] ## 2.3 组件 一个小程序页面可以分解成多个部分组成，组件就是小程序页面的基本组成单元。小程序的宿主环境提供了一系列基础组件。 [【组件说明 】](https://mp.weixin.qq.com/debug/wxadoc/dev/component/) 组件是在WXML模板文件声明中使用的，WXML的语法和HTML语法相似，小程序使用标签名来引用一个组件，通常包含开始标签和结束标签，该标签的属性用来描述该组件。 >[danger]所有组件名和属性都是小写，多个单词会以英文横杠 "-" 进行连接。 属性类型 | 类型 | 描述 | 注解 | | --- | --- | --- | | Boolean | 布尔值 | 组件写上该属性，不管该属性等于什么，其值都为true，只有组件上没有写该属性时，属性值才为false。如果属性值为变量，变量的值会被转换为Boolean类型 | | Number | 数字 | 1, 2.5 | | String | 字符串 | "string" | | Array | 数组 | \[ 1, "string" ]| | Object | 对象 | { key: value }| | EventHandler | 事件处理函数名 | `handlerName`是 Page中定义的事件处理函数名| | Any | 任意属性 | | 所有组件都拥有表3-7列举的属性，主要涉及样式和事件绑定。 :-: 表3-7 组件共有属性 | 属性名 | 类型 | 描述 | 其他说明 | | --- | --- | --- | --- | | id | String | 组件的唯一标示 | 保持整个页面唯一 | | class | String | 组件的样式类 | 在对应的WXSS中定义的样式类 | | style | String | 组件的内联样式 | 可以通过数据绑定进行动态设置的内联样式| | hidden | Boolean | 组件是否显示 | 所有组件默认显示| | data-* | Any | 自定义属性 | 组件上触发的事件时，会发送给事件处理函数 | | bind /catch | EventHandler | 事件 | 详情见`2.5节 事件` | 组件都拥有各自自定义的属性，可以对该组件的功能或者样式进行修饰。