[Vue.js] 데이터 바인딩 문법

 

알림

 

본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다.

 

데이터 바인딩 문법

 

데이터 바인딩 문법이란 Vue.js에서 변수 등의 데이터를 보관하는 데이터 보관함이며, object 자료로 저장해 둡니다.

 

 

가격처럼 바뀔 수 있는 데이터들을 데이터 보관함에서 데이터 바인딩 해서 가지고 와야 실시간 렌더링으로 더욱 유연한 페이지를 개발 할 수 있습니다. 그리고 데이터 바인딩 할 때 꼭 텍스트뿐만 아니라 스타일 지정도 가능한데요.

 

 

 

이처럼 제가 color를 각각의 변수에 green과 purple로 지정해주고, 각 태그에 style을 줬는데, 제가 준 데이터가 잘 적용된 것 같습니다.