:::demo 示例

```html
<template>
    <div>
        <input @click="binding()" type="button" value="点击动态绑定"/><br/><br/>
        <v-checkbox-group v-model="cities">

            <v-checkbox :label="item.value" v-for="(item,index) in checkedCities" checked :key="index" >{{item.name}}</v-checkbox>

        </v-checkbox-group>
    </div>
</template>

<script>
    const ITEMS = "上海、广州、深圳、武汉、台北、南京、成都、重庆、沈阳、西安、合肥、芜湖、郑州、杭州、南宁、柳州、桂林、梧州、北海、崇左、来宾、贺州、玉林、百色、河池、钦州、防城港、贵港、哈尔滨、大庆、齐齐哈尔、佳木斯、鸡西、鹤岗、双鸭山、牡丹江、伊春、七台河、黑河、绥化".split('、');

    export default{
        data(){
            return {
                cities: [],

                checkedCities: []
            }
        },

        methods: {
            binding(){

                var self = this;

                setTimeout(function () {

                    var result = self.getData();

                    self.checkedCities = result;

                }, 1000)

            },

            getData(){
                var result = [];

                for(var i=0;i<3;i++){

                    var item = ITEMS[Math.floor(Math.random()*ITEMS.length)];
                    result.push({
                        name:item,
                        value:i
                    });

                }

                return result;

            }

        },

        created(){
            this.binding();
        }

    }
</script>
```
:::