---
layout: templateLayout
---
```vue
<template>
    <Checkbox-group v-model="value1" @on-change="change">
        <Checkbox value="1">
            apple
        </Checkbox>
        <Checkbox value="2">
            android
        </Checkbox>
        <Checkbox value="3">
            github
        </Checkbox>
    </Checkbox-group>
</template>
<script>
export default {
    data() {
        return {
            value1: [],
        }
    },
    methods: {
        change(val) {
            console.log(val)
        }
    }
}
</script>
```