## 基础用法
Badge 组件可以在右上角展示标记,最常见的用法是用于展示消息数。
:::demo 定义`value`属性,它接受`Number`或者`String`。
```html
评论
回复
评论
回复
```
:::
## 最大值
为了方便使用,Badge 组件可以自定义显示的最大值。
:::demo 由`max`属性定义,它接受一个`Number`,需要注意的是,只有当`value`为`Number`时,它才会生效。
```html
评论
回复
```
:::
## 自定义内容
下面是两个样例,它们可以启发你在适时的情况使用 Badge:
:::demo 定义`value`为`String`类型是时可以用于显示自定义文本。
```html
评论
回复
```
:::
## 小红点
可以使 Badge 组件显示为一个小红点,来提醒用户需要关注的内容,此时设置其他属性均无效。
:::demo 除了数字外,设置`is-dot`属性,它接受一个`Boolean`。
```html
数据查询
```
:::
## Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------------- |---------------- |---------------- |---------------------- |-------- |
| value | 显示值 | string, number | | |
| max | 最大值,超过最大值会显示 '{max}+',要求 value 是 Number 类型 | number | | |
| is-dot | 小圆点 | boolean | | false |