Javascript 将v-show绑定到组件数据

我正在尝试使用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"
    });

...
Vue.组件（'tab-gar-var-cb'{
道具：['cmp_name'、'cmp_checked_init'、'cmp_garantie_id']，
数据：函数（）{
返回{
“cmp_已检查”：”
};
},
模板：`
`,
挂载：函数（）{
this.cmp_checked=（this.cmp_checked_init=='1'）；
}
});
新Vue({
el:#vue rptrenouedit root
});

---

基本上，我想做的是将“v-show”属性绑定到选项卡组件的“cmp checked”数据。然而，我不知道怎么做。有人知道怎么做吗？提前感谢。

组件的数据不能绑定到其范围之外的任何内容。从您给出的上下文来看，我无法判断您#myDiv div与您的组件的关系。一般的解决方案是在

cmp\u选中时发出一个值，以便父组件使用该值。目前，div与我的组件完全无关。有没有一种方法可以将其关联起来，以便我可以访问组件的数据？除非数据位于组件的模板内，否则它将无法直接访问数据。组件需要发出值，该值可以作为道具传递给另一个组件。或者您可以使用、或状态管理器（如）监视两个不相关组件之间的数据更改。