vue2.0父子组件的数据怎么简单的交换？

Question

比如，以前一个叫component的模板里面写上:

props: {
  show: {
    type:Boolean,
    twoWay: true
  }
}

然后父组件使用的时候

<component
:show.sync="XXX.show"></component>

就行了，现在应该怎么做？
用$emit？我用官方的例子虽然实现了以前的功能，但是会报错

谢谢

Answer 1

然而10个小时过去了。。。

我自己想了一个办法不报错了，但是总感觉不如1.X来的简单。不过渲染机制不一样了，尤大这样做必然有他的道理的，不然父组件重新渲染会影响到子组件的状态。

没错，还是emit，之前我没理解对

在关闭子组件的时候通知父组件改变值：

  methods: {
    closeAside: function() {
      this.$emit('closeAside')
    }
  }
  

最后父组件监听closeAside：

<z-button
:text="'Left'"
@click.native="asideLeft.show = true">
</z-button>
<z-aside
:show="asideLeft.show"
:title="'标题'"
:type="'left'"
v-on:closeAside="asideLeft.show = false">

这样就可以无限的打开关闭，跟1.0实现的结果一样了

Answer 2

可以使用值传递啊，在父组件定义这个数据，子组件获取，如果要在子组件上改变值，那么就在父组件定义这个方法，同样传递下来，子组件调用即可。

Answer 3

使用vuex，组件之间数据传输很方便的，爽得遭不住.

Answer 4

单向的数据，子组件只负责通知父组件可以改变数据了，这样其实更加清晰了