将v-show绑定到组件数据

Question

我尝试使用Vue.js根据复选框的值隐藏/显示我的页面元素。这就是我到目前为止所拥有的：

<div id="myDiv" v-show="????">
<!-- stuff to be hidden -->
</div>

...

Vue.component('tab-gar-var-cb', {
        props: ['cmp_name','cmp_checked_init', 'cmp_garantie_id'],
        data: function(){
            return {
                'cmp_checked' : ''
            };
        },
        template:`  
            <span>
                <input :name="cmp_name" type="hidden" value="0">
                <input :name="cmp_name" type="checkbox" value="1" v-model="cmp_checked">
            </span>
            `,
        mounted: function(){
            this.cmp_checked = (this.cmp_checked_init == '1');
        }

    });

new Vue({
        el: "#vue-rptrenouedit-root"
    });

基本上，我想要做的就是绑定＆＃39; v-show＆＃39;属于“cmp-checked＆＃39;我的tab-gar-var-cb组件的数据。但是，我无法弄清楚如何做到这一点。谁知道怎么做？提前谢谢。