Vue.js , v-show vs v-if 차이
v-showv-show는 CSS의 display: none;을 이용해 컴포넌트를 숨긴다.즉, DOM에는 남아 있지만, 화면에 보이지 않도록 설정된다. 토글 이 문장은 v-show로 제어됨v-show vs v-if 차이점기본 작동 방식v-if:조건이 false일 때 DOM에서 요소를 완전히 제거한다.전환 시 요소를 새로 생성하거나 제거한다.템플릿 블록 내부의 이벤트 리스너와 자식 컴포넌트가 제거되고 다시 생성된다v-show:항상 DOM에 렌더링되지만, 조건이 false일 때 display: none CSS 속성을 통해 숨김 처리한다.초기 렌더링 비용이 더 높지만 전환 비용은 더 낮다.언제 무엇을 사용할까?v-if 사용 시기:조건이 런타임에 자주 변경되지 않을 때초기 로딩 성능이 중요할 때조건부 콘텐츠에..
