vuejs nextick이 업데이트되지 않음

Question

내 프런트 엔드를 백엔드에 연결하려고 시도합니다. 요청이 올바르게 수행되었지만 올바른 데이터를 수신했지만 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 
      }) 
     }) 
     } 
    } 
    } 
} 

가지고 템플릿 당신은 01에서 변수 system을 추가해야

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

Answer 1

입니다 vue 인스턴스의섹션 이 변수 만 반응 형이되어 HTML에서 사용할 수 있습니다.

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