오늘은 Vue.JS step 4. 데이터 바인딩(data binding)에 대해 포스팅하려고 합니다. 데이터 바인딩(data binding)은 HTML 태그 안에 vue 인스턴스에서 속성들을 정의한 data를 연결하여 화면에 표시하는 방법으로 {{ }} 콧수염 괄호 형태의 템플릿 엔진 Mustache 또는 v-bind 속성을 사용합니다. 아래 예제 소스코드를 통해 확인해 보도록 하겠습니다. data-binding.html을 만들고, 기본 html에서 vue를 활용해 보겠습니다. vue 인스턴스를 생성하고 엘리먼트(el)에 html의 div id가 app인 태그를 연결합니다. data에 key - value 형태의 데이터를 만들고 v-bind 또는 {{ }} Mustache형태로 app 태그 안에 정의한 ..
