Javascript Vue-如何维护从祖辈到孙辈的数据流？ Vue.component（'孙子'）{ 模板：“孙子-{data2.value}}}”， 道具：['data2'] }); Vue.component（'子'{ 模板：'child-{{data1.id}}'， 道具：['data1']， 数据（）{ 返回{ 数据2：{ 值：this.data1.id } }; } }); 设v=新Vue({ el:“#div”， 数据：{ 数据1：{ 身份证号码：3 } } }); setInterval（函数（）{ v、 data1.id++； }, 1000);

v通过道具将“数据1”传递给孩子

子节点通过道具将“data2”传递给孙子节点，data2.value=data1.id

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

但只有孩子的dom更新

jsFiddle：

---

有人可以帮忙吗？

根据子组件中道具的初始值计算的数据实际上没有更新，因为没有任何更改。它在创造时与道具分离

您需要的是计算

data2

，因此它实际上取决于最初传递的道具

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