Javascript vue.js中的对象无法呈现模板

在这个演示中，（）我无法呈现模板和数据

resultWrong

等于

{}

在这个演示中，（），如果我使用一个临时变量来保存异步数据，那么我可以得到结果并呈现模板

如果我在方法中添加另一个名为

getRightData（）

的函数，那么

getErrorData（）

可以工作，并且可以呈现模板。 链接：

如果删除

getRightData（）

方法，则

getErrorData（）

无法工作。 链接：

Vue到对象，除非使用添加它们

这是您第一次使用

this.$set

向空对象正确添加属性

对于演示，第一个不起作用，因为您使用索引添加属性，而Vue不知道需要更新DOM

第二个演示之所以有效，是因为基本值

resultRight

，被设置为一个完全不同的值

resultRight

是一个被动值，当它更改为不同的值时，Vue会意识到它需要更新DOM

第三个演示似乎可以工作，但它只能工作，因为

resultRight

发生了变化，而且由于它是被动的，Vue知道如何更新DOM

resultWrong

同时呈现，但这只是因为Vue基于

resultRight

中的更改呈现了它

---

第四个演示失败的原因与第一个演示失败的原因相同

resultWrong

获取新属性，但Vue不知道这些属性。而且，由于您没有更改对象引用（就像您将

resultRight

更改为

tmp

），Vue不知道它需要更新DOM。

但我不知道为什么第三个演示（）可以工作？@ccForward第三个演示不太工作。它显示了

resultWrong

的数据，但它们不是反应性的。您可以查看是否记录了这些值。@ccForward添加了一些进一步的解释。希望它能澄清。