목록뷰 디렉티브 (1)

jhhan의 블로그

Vue.js 기초(4)_템플릿

이번에는 뷰 템플릿에 대해 알아보겠습니다. 뷰 템플릿: HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 부라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성 데이터 바인딩(Data Binding) HTML 화면 요소를 뷰 인스턴스의 데이터와 연결하는 것을 의미 {{}} 문법과 v-bind 속성 {{}} 은 지금까지 여러번 사용했으므로 딱히 설명드리지 않겠습니다. v-bind: HTML 속성값에 뷰 데이터 값을 연결할 때 사용하는 데이터 연결 방식 프레임워크 목록 가져오기 아이디 바인딩 클래스 바인딩 스타일 바인딩 {{ true ? 100 : 0 }} {{ reversedMessage }} Good Vue.js {{ system }} Better V..
Vue.js 2020. 4. 9. 11:22
이전 Prev 1 Next 다음