고급템플릿
-
[Vue.js] 뷰 디렉티브란?Vue 2019. 1. 27. 23:58
뷰 디렉티브란? v-접두사 가지는 모든 속성을 의미함. JSTL의 foreach나 if문 처럼 화면 요소를 더 쉽게 조작하기 위해 사용한다. 디렉티브 이름 역할 v-if if문과 같다 true,false값에 따라 화면에 표시한다. v-for 지정한 뷰 데이터의 개수만큼 반복하여 출력 v-show css의 display:none 으로 속성을 준다. if문의 경우 태그를 완전삭제함. v-bind vue 데이터속성과 html태그 기본속성을 연결해줌 v-on 화면요소의 이벤트를 감지하여 처리 할 때 사용함 v-model form에서 주로 사용되는 속성. form태그에 입력한 값을 vue인스턴스의 데이터와 동기화함.화면에 입력된 값을 서버로 보낼때 사용.(watch와 같은 고급 속성을 이용하여 추가 로직 수행 가..