# v-show
[vue] 라이프사이클과 v-if, v-show 살펴보기
라이프사이클 단계란? 컴포넌트가 생성될 때 거치는 몇 단계의 과정 create → mount → update → destroy

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

Vue - 조건부 렌더링
v-if v-if 디렉티브를 통해 조건부 렌더링을 할 수 있다. else if문은 v-else-if 디렉티브로 사용 else문은 v-else 디렉티브로 사용 해당 디렉티브에 전달되는 데이터가 truthy면 요소가 출력되고 falsy면 출력되지 않는다. 주의할 점은
v-if와 v-show의 차이
v-if는 "실제" 조건부 렌더링이다. 블록 내 이벤트 리스너와 자식 컴포넌트가 제대로 제거되거나 재생성되기 때문이다.또한 v-if는 초기 조건이 false면 아무 작업도 일어나지 않는다. 조건이 true가 될 때까지 렌더링이 일어나지 않는다.이에 비해..
차트, 잘못된 접근 차단, 검색, 검색어 풀림, 메뉴 활성화, 삭제, 수정
조회(select) => await axios.get(url, {headers}); 추가(insert) => await axios.post(url, body, {headers}); 수정(update) => await axios.put(url, body, {header
Vue 조건부 렌더링
v-if 디렏티브는 조건에 따라 블록을 렌더링하기 위해 사용된다.디렉티브의 표현식이 true 값을 변환할 때만 렌더링 된다.v-else와 함께 else 블록을 추가하는 것도 가능하다.v-else 엘리먼트는 v-if 엘리먼트 또는 v-else-if 엘리먼트 바로 뒤에 있
[Vue] v-if, v-show (directive)
v-if는 dom구조 자체를 변경\-> dom구성을 전부 하지않음. 조건에 맞는것만 (lazy 함)\-> 즉, 초기비용이 크지 않음\-> 조건이 바뀔때 dom구조를 바꾸므로 렌더링 비용이 큼\-> 변경이 자주 일어나지 않는 곳에 적합 ( ex - 로그인 상태 여부 )v

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