화면에 나타나는 요소들을 html이라고하고, ⇒ 이것을 View라고함.
여기서 사용자가 어떤 것을 클릭하거나 입력 했을때, 이 이벤트를 Dom Listener로 Vue에서 청취,
Vue에서 이벤트를 잡아 JavaScript에 있는 데이터를 바꿔 주거나, 특정 로직에서 실행됨.
=⇒ 이렇게 자바스크립트 데이터가 변했을때 데이터 바인딩을 하게됨 ⇒>
자바스크립트의 무언가 변화가 생겼다 ==⇒> Data Bindings 를 사용해 화면에 바인딩 하고, 보여준다.
html은 태그를 사용해 화면에 나타나는 DOM의 정보를 넣는것.
JavaScript는 해당 태그나 DOM의 내용을 조작.
DOM 변경하기
html에서 Dom을 변경하기 위해서는 일단 해당태그에 접근해 태그의 정보를 받아와야한다. 따라서 만약 특정태그에 들어가는 문자등이 변경된다고 하면 다시 접근해 변수에 사용된 변경된 문자열을 다시 작성해 주어야한다.
Vue.js의 핵심기능 reactivity 사용하기
Object.defineProperty() ⇒ 객체의 특정동작을 재정의 하는 api ==⇒> 그 동작을 원하는대로 변경이 가능하다.
객체에서 특정 속성의 값을 다시 정의