Vue - 如何维护从祖父母到孙子的数据流？

Question

{{1}}

v通过道具将'data1'传递给孩子，

子项通过props将data2'传递给孙子，data2.value = data1.id

参见setInterval函数，它每秒增加data1.id

但只有孩子的dom更新

的jsfiddle： https://jsfiddle.net/xfgzwjef/1/

有人可以帮忙吗？

Answer 1

从子组件中的prop的初始值计算的数据实际上没有更新，因为没有任何改变它。它在创作时与道具脱离关系。

你想要的是计算data2，所以它实际上取决于最初传递的道具。

computed: {
  data2() {
    return {value: this.data1.id}
  }
}