<span :class="wrapClasses" @click="toggle">
        <span :class="innerClasses">
            <slot name="open" v-if="checked"></slot>
            <slot name="close" v-if="!checked"></slot>
        </span>
    </span>

1 .他没有使用checkbox来做，而是直接全部使用的是div来渲染
2 .这个其实和checkbox单个选项为布尔值的原理是一样的
3 .核心是一个toggle函数.第一次点击选中，第二次点击放弃选中
4 .

功能需求

1 .v-model绑定数据
2 .切换状态时改变事件
3 .里面可以显示汉字，自己定义的true，false的值
4 .可以改变大小
5 .