Dep如何在vue反应性中发挥作用？

Question

vue文件中的

代码如下：

<template>
   <div>
      {{testvar}}
   </div>
   <div>
      {{testvar2}}
   </div>
</template>

<script>
  epxport default {
  data() {
    return {
      testvar: "testvar",
      testvar2: "testvar2"
    }
  },
  mounted() {
    this.testvar = "newvalue"
    console.log(this)
    console.log(this.$data)
  }
}
</script>

当我管理日志this.$data并检查结果时，sub's中的Observer.dep数组为空。

据我所知，testvar's值更改时，它将称为reactiveSetter，反应式设置器将调用dep's notify方法，然后notify方法进行迭代sub's数组，其中所有watchers所在，并调用watachers update方法。此update方法负责更新视图。如果我的上述声明正确，为什么sub的数组为空？如果我错了，您能提供一些好的解释吗？预先感谢