Vue3评分（Rate）

可自定义设置以下属性：

• 是否允许再次点击后清除（allowClear），类型：boolean，默认 true

• 是否允许半选（allowHalf），类型：boolean，默认 false

• star 总数，类型：number，默认 5

• 自定义字符，预置 'star' 'heart' 两种svg图标（character），类型：string | slot ，默认 ''

• 字符时是字体高度，图标时是图片大小（size），类型：number，单位px，默认 20

• 字符间距（gap），类型：number，单位px，默认 8

• 只读，无法进行交互（disabled），类型：boolean，默认 false

• 前数，受控值 1,2,3...（v-model:value），类型：number，默认 0

效果如下图：

①创建评分组件Rate.vue：

 ②在要使用的页面引入：