분류 전체보기
![[Vue] v-show vs v-if](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbMXoBD%2FbtrIY1BeED5%2FAAAAAAAAAAAAAAAAAAAAAIyCFPiuFvTMCv_TuDbmXjUltoUxF81hFMzIQocI-JTw%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3DlIY%252BG1sLbqCZfYHDNaU1tZOARlo%253D)
[Vue] v-show vs v-if
v-show element 를 렌더링 후 조건에 따라 표기함 v-if 조건에 맞을 경우만 렌더링 후 표기 초기 렝더링시 조건이 false 면 아무작업도 하지 않으며 조건부 블록이 true 가 될때까지 렌더링이 되지 않음 v-show vs v-if v-show v-if 초기 렌더링 비용이 높음 전환비용이 높음 자주 전환될경우 사용하는게 좋음 런타임 시 조건이 변경되지 않을 경우 사용하는게 좋음
![[Vue] computed 속성](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2F2IBsb%2FbtrIYZwEv3p%2FAAAAAAAAAAAAAAAAAAAAAHTjzy21iRgKmzDRdVYRGUShHdMerXMSFgax8ztGFyMx%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3DhIIRUXMBkA8lsQ25EX0btBKWIv8%253D)
[Vue] computed 속성
computed 데이터 연산을 정의하는 영역 data() 속성값이 변했을 경우 이를 감지하고 자동으로 다시 연산 캐싱 (결과값을 저장) 주로 복잡한 로직 연산이 많은 로직을 처리할 때 많이 사용