这个 Vue 组件的 template 问题

Question

大家帮忙看一下我这段代码，大概是照着官网文档上写的，现在有问题，父子组件之间通信不了，是不是template里面应该写点什么啊，还是别的地方有问题？

Answer 1

你的template要有个div包裹里面的内容，作为你template的根。

也许可能不是这个问题，但是今天我同事刚刚遇到过这个问题，就是因为没有包裹层导致的

Answer 2

如果是 v-model 的问题，建议看看 vue 的版本是否在 2.2+。

Answer 3

如果是我，我在new Vue实例化对象的时候，el:'#mu'，这个DOM，我对操作在一个实际DOM上面。

<div id="mu">
  <my-checkbox v-model="foo"></my-checkbox>
</div>

你可以先排查一下是不是这个问题，目前看你这样写，并没有构成真正意义上的父子组件关系。

---

抱歉，刚刚写DEMO排查了一下，不是上面的原因。题主的数据传递不知道出于什么原因需要这么写，目的应该是想实现子组件中的checkbox的选中状态是由父组件来传递数据，这是我的DEMO，可以参考交流一下。