浏览器自带的checkbox样式在移动端的视觉效果很差，这次我们结合mint-UI的checklist中chebox的样式来实现一个简单的选择项的全选，反选和多选。
先看下html的代码：
html代码实现
参照mint-UI 中checkList的样式，具体的checklist的实例可以查看链接http://elemefe.github.io/mint-ui/#/checklist。上述html代码里lable标签中包括的都是用来实现自定义chebox样式的。实现效果如下图：
chebox样式
话不多说，全选和反选的实现代码如下：
利用watch来监听checked变化
关于watch的用法参照https://cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8
实现全选的效果如下：
全选效果图
单选和全选按钮之间的变化代码就不贴出来了，读者可以自己来实现练手。欢迎交流。
