Vue.js来自观察器的奇怪行为，具有加载状态

Question

我正在使用Vue.js（2），我具有三个元素：

• 1：模板的根目录通过v-if连接到-
• 2：一个加载的计算属性，该“加载”由-监视–

• 3：一个观察者。

  computed: {
  
      loading() {
          return this.$store.state.myCoolObject.loading
      },
  
  }
  
  watch: {
  
      loading(newVal, oldVal) {
  
          if(newVal == false) {
              console.log(this.$el)
          }
  
      },
  }
  
  
  <template>
      <div v-if="!loading">
          Life, uh, finds a way.
      </div>
  </template>
  

您看到这几乎没有任何作用。但是，当在我的项目中运行时，几乎所有元素都消失了。有人遇到过这样的事情吗？当我对“ this”或“ this。$ el”

做任何事情时，我都讨厌它