Vue defineReactive


function defineReactive(obj, key, val) {
  Object.defineProperty(obj, key, {
    get: function() {
      return val;
    },
    set: function(newValue) {
      val = newValue;
    }
  })
}

Vue.js: computed 는 어떻게 동작하는가? :: 마이구미

computed 속성의 동작 원리를 알기 위해서는 Vue 의 반응형 시스템에 대한 사전 지식이 필요하다. 큰 범위에서는 Vue 의 반응형 시스템의 관한 주제가 된다. 참고 링크 - https://skyronic.com/blog/vuejs-internals-computed-properties 위 코드는 버튼을 클릭할때마다 count 변수가 1씩 증가한다. (네트워크 환경에 따라 로딩이 지연될 수 있으니 조금만 기다려주길..) 결과적으로 각각 다른 3가지 방식이지만 클릭할때마다 모두 즉각적으로 반응해 화면을 갱신하고 있다.

https://mygumi.tistory.com/311

Vue defineReactive

Recommendations