# v-show

harenohee

라이프사이클 단계란? 컴포넌트가 생성될 때 거치는 몇 단계의 과정 create → mount → update → destroy

syncstar

v-show와 v-if의 차이점

songinho96

v-if 디렉티브는 조건부로 블록을 렌더링하는 데 사용됨.블록은 디렉티브 표현식이 true값을 반환하는 경우에만 렌더링됨.v-else 디렉티브를 사용하여 v-if에 대한 "else 블록"을 나타낼 수 있음.v-else-if도 이름에서 알 수 있듯이 v-if에 대한 "e

dudwns

v-if v-if 디렉티브를 통해 조건부 렌더링을 할 수 있다. else if문은 v-else-if 디렉티브로 사용 else문은 v-else 디렉티브로 사용 해당 디렉티브에 전달되는 데이터가 truthy면 요소가 출력되고 falsy면 출력되지 않는다. 주의할 점은

moon-tree

VueJs

aimzero9303

v-if는 "실제" 조건부 렌더링이다. 블록 내 이벤트 리스너와 자식 컴포넌트가 제대로 제거되거나 재생성되기 때문이다.또한 v-if는 초기 조건이 false면 아무 작업도 일어나지 않는다. 조건이 true가 될 때까지 렌더링이 일어나지 않는다.이에 비해..

jujuclub

단일 파일 컴포넌트 기반의 프레임워크

hyunj9956

조회(select) => await axios.get(url, {headers}); 추가(insert) => await axios.post(url, body, {headers}); 수정(update) => await axios.put(url, body, {header

art11010

v-if 디렏티브는 조건에 따라 블록을 렌더링하기 위해 사용된다.디렉티브의 표현식이 true 값을 변환할 때만 렌더링 된다.v-else와 함께 else 블록을 추가하는 것도 가능하다.v-else 엘리먼트는 v-if 엘리먼트 또는 v-else-if 엘리먼트 바로 뒤에 있

ljo094822

v-if 조건부에 따라서 조건을 둔 값이 사라지거나 생성되게 한다.

completed1991

v-if는 dom구조 자체를 변경\-> dom구성을 전부 하지않음. 조건에 맞는것만 (lazy 함)\-> 즉, 초기비용이 크지 않음\-> 조건이 바뀔때 dom구조를 바꾸므로 렌더링 비용이 큼\-> 변경이 자주 일어나지 않는 곳에 적합 ( ex - 로그인 상태 여부 )v

momentomori

조건부 랜더링 (Conditional Rendering) v-if 조건에 따라 블록을 렌더링할 때 사용한다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링 된다. v-else, v-else-if, template과 같이 사용할 수 있다. templa

uvula6921

v-if, v-show 디렉티브