업데이트되지 않는 vue.js의 외부 변수를 추적하는 계산된 속성

업데이트되지 않는 vue.js의 외부 변수를 추적하는 계산된 속성

업데이트되지 않는 외부 개체를 참조하는 계산된 속성 playerId가 있습니다.

예를 들어 다음과 같습니다.

var player = require('players');
computed: {
    playerId: function() {
         return player.id
    }
}

클릭 이벤트로 이 콜을 실행하면 올바른 ID가 출력됩니다.그러나 이 정보가 업데이트될 때 - 자체 계산은 업데이트되지 않습니다.이거 어떻게 작동시키죠?아니면 제가 잘못 생각하고 있는 건가요?

Vue.js의 계산된 속성은 사후 의존 관계가 없는 데이터에서는 사후 대응되지 않습니다.예를 들어, 아래 코드는 매번 업데이트되지 않습니다.Date.now()반응 의존성이 없습니다.이 계산된 값의 결과는 캐시되고 항상 처음 반환된 값과 동일한 값을 반환합니다.

computed: {
  now: function () {
    return Date.now()
  }
}

그런 다음 외부 물체를 반응시키는 방법을 알고 싶을 것입니다.요점은, 당신이 당신의 목적을 가지고dataVue의 내부 감시자와 함께 변경 내용을 추적하기 위한 섹션입니다.계산된 속성에 참조와 같은 반응적 종속성이 하나라도 있는 경우data또는 호출method의존관계가 갱신될 때마다 통지되며 계산된 속성에서 반환된 콘텐츠도 갱신됩니다.

https://vuejs.org/v2/guide/computed.html

언급URL : https://stackoverflow.com/questions/46332931/computed-property-that-tracks-external-variable-in-vue-js-not-updating