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

망고

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

망고

검색하기 폼
  • 분류 전체보기 (93)
    • 회고 (9)
    • CS (13)
      • OS (2)
      • Network (8)
    • 알고리즘 (10)
      • 개념정리 (5)
      • 프로그래머스 (5)
    • 스터디 (13)
      • 면접 스터디 (2)
      • 자바스크립트딥다이브 (11)
    • WEB (37)
      • HTML&CSS (3)
      • Vue.js (12)
      • Javascript (12)
      • Nuxt.js (3)
      • React.js (7)
    • APP (2)
      • React Native (2)
    • 기타 (8)
    • 취미 (1)
  • 방명록

v-if (1)
v-if와 v-show의 차이점

상태에 따라 현재 템플릿이나 정보를 보여줄지 말지를 vue를 통해 나타낼 때 흔히 v-if/v-else 디렉티브 또는 v-show 디렉티브를 사용한다. 여기서 둘의 차이점은 v-if는 조건이 맞지 않다면 해당 태그 자체를 생성하지 않고, v-show는 태그를 생성은 한 후 보이지 않게 처리를 한다는 점이 다르다. (CSS에서 display:none처리를 해준다.)

WEB/Vue.js 2022. 8. 29. 19:29
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 👻 github
  • ✏️ 공부 기록
TAG
  • 디자인시스템
  • 항해플러스후기
  • vue3
  • event종류
  • 항해플러스프론트엔드
  • 구름톤
  • JWT토큰
  • Vue.js
  • focus와blur
  • Repository pattern
  • 로그인 인증
  • http
  • 시스템설계
  • 더미데이터
  • 알고리즘
  • 결제기능
  • 그림으로 이해하는 시스템 설계
  • vue.js3
  • 레포지토리패턴
  • vite
  • 개발자
  • 이벤트리스너
  • store.js
  • props
  • react
  • eventListner
  • React18v
  • 회고
  • 프로덕트설계
  • 항해솔직후기
more
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바