본문 바로가기
Web/Vue.js

Vue Directives

by 박 현 황 2021. 5. 16.
v-model 양방향 바인딩 처리를 위해 사용
v-html 실제 HTML 을 출력하기 위해서 출력
v-bind 엘리먼트의 속성과 바인딩 처리를 위해서 사용
v-bind는 약어로 : 로 사용가능
v-show 조건에 따라 엘리먼트를 화면에 렌더링
v-once 디렉티브를 사용하여 데이터 변경 시 업데이트 되지않는 일회성 보간을 수행
v-if,v-else-if,v-else 조건에 따라 엘리먼트를 화면에 렌더링
v-for 배열이나 객체의 반복에 사용
v-for="요소변수이름 in 배열" 
v-for="(요소변수이름,인덱스) in 배열"
v-cloak 뷰 인스턴스가 준비될 때 까지 mustache 바인딩을 숨기는데 사용한다.
vue instance가 준비되면 v-cloak은 제거된다.

 

'Web > Vue.js' 카테고리의 다른 글

Vue filter  (0) 2021.05.16
v-show 와 v-if 의 차이점  (0) 2021.05.16
Vue Instance Life Cycle  (0) 2021.05.16
Vue Instance 생성하기  (0) 2021.05.16
Vue computed 와 method의 차이점  (0) 2021.05.11