我正在vue.js应用程序中更新一些实时计时器。 之前我遇到一个问题，其中计时器的更改太深地嵌套在我的数据对象中，以致vue.js无法在模板中使用。
所以我要做的是重组数据并开始制作浅对象，其结构如下：
testDict = {dynamicallygeneratedname: '5 minutes', anotherrandomname: '1 minute}
这里的值每秒更改一次，我可以通过console.log（this.testDict）验证其工作时间，以显示更新时间
在我的vue.template中，我正在呼叫{{ testDict.anotherrandomname }}，但是该模板不会按照console.log中显示的实时更新
我不知为什么会无法正常工作，因为我将数据完全重组为专门用于反应性的平面数据集。
我在做什么错，我该如何解决？
data() {
return {
testDict: {},
}
},