목록v-if (1)

uxtry

vue: 조건부 렌더링 (v-if, v-show)

Vue에서 조건부 렌더링을 위해 두 가지 주요 디렉티브인 v-if와 v-show를 사용할 수 있습니다. 두 디렉티브 모두 조건에 따라 요소를 표시하거나 숨기는데 사용되지만, 작동 방식에는 차이가 있습니다. 1.v-ifv-if는 조건이 true일 때만 해당 요소를 DOM에 추가합니다. 조건이 false이면 해당 요소가 DOM에서 제거됩니다.장점: 필요하지 않은 경우 DOM에 요소를 아예 렌더링하지 않기 때문에 성능 면에서 유리할 수 있습니다.단점: 조건이 자주 변경되면, 요소를 DOM에 추가/제거하는 비용이 발생하여 성능에 영향을 줄 수 있습니다. 이 요소는 isVisible이 true일 때만 표시됩니다. 2.v-showv-show는 요소를 항상 DOM에 남겨두지만, 조건이 false일 경우 CSS의 d..
Vue.js 3 주요 문법 (vue:) 2024. 11. 18. 14:13
이전 Prev 1 Next 다음