reactivity1 Vue - reactivity Vue에서 데이터 바인딩을 사용하다 보면 편리하면서도 이게 어떻게 가능한가 싶은 생각이 든다. text라는 변수를 여러 곳에서 사용하더라도 text를 변경하면 그 모든 곳들이 자동으로 변경되니 말이다. 보통 상식에는 text가 변경되어도 다른 값들은 이미 계산된 결과를 들고 있기 때문에 영향을 받지 않는다. 결국 어디선가 다시 계산을 유도시켜야 하는데 이를 reactivity(반응형)이라고 한다. 다행히 javascript에는 이를 깔끔히 해결해주는 Object.defineProperty라는 문법이 존재한다. defineProperty에서 특정 object의 getter와 setter를 override 시킬 수 있다. 그러면 관찰하고자 하는 변수와(x), 그 변수를 사용하는 다른 변수(y)들의 gette.. 2021. 5. 16. 이전 1 다음