2024/11 2

Vue 조건부 렌더링 v-if

조건부 렌더링 (v-if)태그에 v-if를 같이 사용하며 표현식이 true 값을 반환할 때만 렌더링 됩니다. ⭐️ 예)    - 예를 들어, 이 요소는 특정 탭이 활성화될 때만 보이도록 설정되었습니다.   - `v-if` 디렉티브는 특정 조건에 따라 HTML 요소를 화면에 표시할지 여부를 결정하는 데 사용됩니다.   - 여기서는 `v-if="tabAct == 0"`으로 설정해서 `tabAct`라는 변수의 값이 0일 때만 `div.tab-content` 요소가 렌더링됩니다. ⭐️ 특징v-if는 필요할 때만 요소를 생성합니다. 조건이 true일 때만 DOM에 요소가 추가되고, false일 때는 DOM에서 완전히 제거됩니다.  ⭐️ v-show와의 차이점  v-show는 조건에 따라 요소를 숨기거나 표시만 하..

Vue 2024.11.05

Vue.js / Vue란 무엇인지 / Vue2 와 Vue3 차이

Vue.js란?Vue.js는 웹페이지를 더 쉽게 만들 수 있게 도와주는 JavaScript 프레임워크입니다.HTML을 다루는 데 익숙한 사람들이 빠르게 시작할 수 있고, 반응형 UI와 **동적인 싱글 페이지 애플리케이션(SPA)**을 만들기에 맞는 도구입니다. Vue2와 Vue3의 차이점Vue는 더 편리하고 빠르게 웹앱을 개발할 수 있도록 꾸준히 발전해왔는데, Vue2에서 Vue3로 오면서 몇 가지 큰 변화가 있습니다.성능 향상: Vue3는 더 빨라졌고, 메모리도 덜 사용해요. 웹페이지가 좀 더 빨리 뜨고, 앱도 더 효율적으로 작동합니다.새로운 작성 방식: Composition API라는 걸 추가해서 코드 작성 방식이 더 유연해졌어요. 이 방식은 코드 재사용이 쉬워서 큰 프로젝트에 특히 좋아요.TypeS..

Vue 2024.11.05
728x90
반응형