템플릿
-
화면 개발을 위한 기본 지식과 팁Vue.js 2020. 2. 14. 22:20
템플릿 HTML,CSS등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 것 템플릿 사용방법 1. ES5에서 뷰 인스턴스의 Template 속성을 활용하는 방법 템플릿에서 사용하는 뷰의 속성 1. 데이터 바인딩 데이터 바인딩은 HTML 화면 요소를 뷰 인스턴스의 데이터와 연결하는 것을 의미한다. 주요 문법으로는 {{ }} 와 v-bind 속성이 있다. *{{ }} HTML 태그에 연결하는 가장 기본적인 텍스트 삽입 방식 v-once는 data 속성의 message 값이 바뀌어도 기존의 값을 고수한다. *v-bind 아이디,클래스,스타일 등의 HTML속성 값에 뷰 데이터 값을 연결할 때 사용하는 데이터 연결 방식 v-bind..