Node.js vuejs nextick don'；t更新

我尝试将前端连接到后端， 请求正确完成我收到了正确的数据，但是DOM没有更新。我使用这个。$nextTick，但它不会影响更新

在模板中，我使用{{system.CPU.avgload} 正如我所说的，提取是正确的，它将传递到nexttick，但没有任何更改

在主vue中，我有这个

import System from '../utils/system'
import Auth from '../utils/auth'

export default {
  created: function () {
    this.system = {
      CPU: {
        avgload: 0
      }
    }
  },
  mounted: function () {
    this.fetchData()
    setInterval(function () {
      this.fetchData()
    }.bind(this), 10000)
  },
  methods: {
    fetchData () {
      if (!Auth.checkAuth) {
        console.log('test')
        this.error = true
      } else {
        var self = this
        this.$nextTick(function () {
          System.Get(function (response) {
            self.system = response
          })
        })
      }
    }
  }
}

模板是

<div class="text-xs-left" id="example-caption-1">CPU : {{ system.CPU.avgload }} %</div>

CPU:{{system.CPU.avgload}}%

您必须在vue实例的部分添加变量

system

。只有这个变量会变成被动的，并且在HTML中可用

export default {
  data: function () {
    return { system: {
                CPU: {
                    avgload : ""
                }
             }
           }
  }
  ...
  ...

---

按预期工作，因此创建的应用程序不再需要了？