SOURCE

new Vue({
  el: "#app",
  data: {
    rule: [formCreate.maker.rate('推荐级别1', 'rate1', 2)
      .props({
      "count": 10,
      "allowHalf": false
    })
      .validate([{
      required: true,
      type: 'number',
      min: 3,
      message: '请大于3颗星',
      trigger: 'change'
    }]), {
      type: "rate",
      field: "rate2",
      title: "推荐级别2",
      value: 3.5,
      props: {
        "count": 10,
        "allowHalf": true,
      },
      validate: [{
        required: true,
        type: 'number',
        min: 3,
        message: '请大于3颗星',
        trigger: 'change'
      }]
    }]
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js">

</script>
<script src="https://cdn.jsdelivr.net/npm/iview/dist/iview.min.js">

</script>
<script src="https://cdn.jsdelivr.net/npm/@form-create/iview/dist/form-create.min.js">

</script>
<script src="https://cdn.jsdelivr.net/npm/form-create@1.4.4/district/province_city_area.js">

</script>
<div id="app">
	<form-create :rule="rule" />
</div>

@import url("//cdn.jsdelivr.net/npm/iview/dist/styles/iview.css");
#app {
  padding: 32px;
}