vue封装checkBox列表组件（实现group和自定义选项，纯css实现效果）

点击我查看效果

一、前言

【又在重复造轮子！！！】vue有很多现成的UI框架，博主的手机端用的是mintUI，但是mintUI样式不能整改为想要的样子，因此纯手工封装了一个checkBox组件（纯css实现效果，需要不一样的可自制样式）

先来一个效果图：

二、正文

1、说明

• 使用checkBox绑定数据，选中的数据使用数组存储（vue分组的写法）
• 为了保证是数组类型，需要指定组件参数使用的变量，使用$emit回传数据到父组件，checkbox实现v-model双向绑定
• 通过参数确定，是否显示多选框，用样式控制

2、实例调用

<!-- html -->   
 <multi-check-list label="多选测试1" :options="multiCheckOptions" v-model="checkedVal1"></multi-check-list>
<multi-ch