vue公共组件中如何做到传参数让多选框和单选框之间切换的操作？

Question

问题如题所示：

初学者，对组件传值控制不是很熟悉，有劳大神们指点下，或给点思路，谢谢。

这个单页面需要的是单选：

这个页面呢需要的是多选：

样式都是一样的，就是怎么传参数控制，是可以单选的还是多选的。

Answer 1

通过组件属性判断

<comp kind='radio'></comp>
<comp kind='checkbox'></comp>

//comp.vue

props: {
 kind: {
   type: String,
   default: ''  
 }
}
//通过kind来判断