꾸생의 DevLog

꾸생의 DevLog
꾸생의 DevLog

뷰 디렉티브 (1)

Post Thumbnail

[Vue.js] 뷰(Vue) 디렉티브 v-if & v-show 알아보기

Vue.js v-if & v-show 디렉티브(directive) Vue.js 엘리먼트의 특별한 속성! v-if(v-else-if, v-else) & v-show 키 값이 true일때만 해당 엘리먼트를 나타나게 하는 디렉티브로 v-if와 v-show 둘다 결과는 같아 보이지만 v-show의 경우 값을 불러온 후 display: none 속성이 적용되므로 v-if의 경우가 더 효율적이다. visible_true : true v-if : {{msg}} v-show : {{msg}} visible_false : false v-if : {{msg}} v-show : {{msg}} var firstApp = new Vue({ el : "#app", data : { msg: "안녕하세요. 뷰를 학습중입니다.", v..

1

새로운 블로그로 이사했습니다. 😆

Home | 꾸생 블로그

프론트엔드 개발 블로그입니다. 사소한 것도 기록합니다 :)

kku.dev