본문 바로가기 메뉴 바로가기

beomy

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

beomy

검색하기 폼
  • 분류 전체보기 (93)
    • JavaScript (22)
    • React.JS (15)
    • Vue.JS (50)
    • ETC... (6)
  • 방명록

v-else-if (1)
[Vue.JS] 조건부 렌더링

이번 포스트는 v-if와 v-show를 이용하여 조건부 렌더링을 이야기 합니다. 1. v-if v-if 디렉티브를 사용하여 조건부 렌더링을 사용할 수 있습니다. Yes new Vue({ el: '#app', data: { ok: true, }, });v-else v-if 디렉티브는 v-else 디렉티브와 함께 사용 할 수 있습니다. Yes No new Vue({ el: '#app', data: { ok: true, }, });위의 예제는 CodePen에서 결과를 확인 할 수 있습니다. v-else-if v-else-if 디렉티브는 2.1.0에 추가되었습니다. 이름에서 알 수 있듯이 else if 블록 역할을 합니다. A B C Not A/B/C new Vue({ el: &#3..

Vue.JS 2018. 11. 20. 00:36
이전 1 다음
이전 다음
공지사항
최근에 올라온 글

Blog is powered by Tistory / Designed by Tistory

티스토리툴바