JS代理属性值与Vue.js组件中的目标属性值不同

Question

在父级子关系中有两个Vue.js组件。父级通过将其数据绑定到子节点的支柱将数据传递给子节点。

    <stacked-bar-chart :data="data"></stacked-bar-chart>

在子元素中，当我读取属性时，我得到0，这与我在父中得到的值不同。

下面是我在控制台日志中看到的内容。

父级

​

​

孩子

​

​

注意，在子代理中，代理的totalMinutes是0，而代理的目标是totalMinutes为225。

我到处找都没有用。希望有人能解释这是怎么回事。

谢谢!

Answer 1

_This是一个量子物理学问题。被观察的行为改变了outcome._

您所看到的问题是，您在不同的时间看到同一代理的两种状态。

将第一行写入调试控制台时，totalMinutes的值为0。但是，当您手动展开它时，它会显示最新的值。因此，对象实际上没有量子属性，只是代理的字符串表示不再表示实际值。

然而，这种行为并不是代理人独有的行为。下面是一个使用简单对象的示例

​

let a = {totalMinutes: 0}
console.log(a)
a.totalMinutes += 224
console.log(a)

​

如果运行该代码并在浏览器的控制台面板中查看结果，则如果展开第一个对象，您将看到类似的问题。

​

​