문씨네프로젝트

  • 홈
  • 태그
  • 방명록

Vue 1

[Vue] v-if 사용하여 요소 보이거나 숨기게 하기

VueJS에서 엘리먼트, 컴포넌트 등을 숨기는 방법은? 일반적으로 가장 많이 사용되는 방법은 v-if 그리고 v-show를 사용하는 방법입니다. 간단하고 빠르게 적용할 수 있기 때문입니다. 그런데 이 둘 중 어떤 것을 사용해야 할까요? v-if 그리고 v-show의 차이점은? 이 둘의 공통점은 둘 다 동일한 기능으로 숨기거나 보여준다는 점이지만 기능 구현에 큰 차이점이 있습니다. 가장 큰 차이점은 실제 DOM을 그려주느냐의 여부에 따라 차이가 있습니다. 예를들어 v-if는 DOM 영역에 실제로 그려주지 않는 방법을 사용하고 이와 달리 v-show는 단지 css style의 display: none을 사용하여 보여주지만 않는다는 차이가 있습니다. 이런 이유로 보여주거나 숨기는 액션을 반복해야한다면 v-sh..

Vue 2020.08.27
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (25)
    • Vue (1)
    • React (10)
    • Spring Boot (0)
    • Redis (0)
    • 알고리즘 풀이 (14)
      • leetcode (14)
      • 프로그래머스 (0)
      • softeer (0)

Tag

JavasScript, array, error, 코딩테스트, Blob, react, proxy, Queue, 파일 다운로드, JavaScript, leetcode, TradingVIew, flusySync, setState, react hook, TypeScript, JS, lightweight-charts, Whitelabel, spring boot,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바