Web/Vue.js

Vue Directives

박 현 황 2021. 5. 16. 21:00
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은 제거된다.