[Vue.js] 기본 데이터 바인딩
·
Vue.js
0. 데이터 바인딩Vue 인스턴스의 데이터와 HTML 요소를 서로 연결하는 개념Vue 인스턴스의 데이터가 변경될 때 HTML의 콘텐츠도 자동으로 업데이트 된다.양방향 바인딩(v-model 등) 사용시 HTML 요소의 변화를 Vue 인스턴스 데이터에 실시간으로 반영할 수 있다. 1. 텍스트 보간법메세지: {{ msg }}데이터 바인딩의 가장 기본적인 형태. 이중 괄호를 사용하여 인스턴스의 데이터와 바인딩한다.해당 예시의 경우 컴포넌트 인스턴스의 msg의 속성값이 출력된다.  2. 속성 바인딩 v-bindv-bind 는 태그의 속성(id, class, disabled 등)을 바인딩한다.예시는 id 속성을 컴포넌트의 dynamicId 속성과 동기화 되도록한다. v-bind의 단축 문법v-bind는 매우 일반적..