SOURCE

new Vue({
  el: "#app",
  data: {
    rule: [{
            type:'rate',
      			title:'评分',
            field:'rate',
            value:3,
            props:{
              count:10
            },
						control:[
              {
                handle:val=>val>5,
                rule:[
                  {
                    type:'input',
                    field:'good',
                    value:'',
                    title:'好评原因'
                  }
                ]
              },
              {
                handle:val=>val==5,
                rule:[
                  {
                    type:'rate',
                    title:'二次评分',
                    field:'rate2',
                    value:0,
                    props:{
                      count:5
                    },
                  }
                ]
              },
              {
              	handle:val=>val<5,
              	rule:[
                  {
                    type:'input',
                    field:'bad',
                    value:'',
                    title:'差评原因'
                  }
                ]
              }
            ]
          }]
}})

<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>
<div id="app">
  <form-create :rule="rule" />
</div>

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