Vue 2→3 및 Nuxt 2→3 마이그레이션
Options API에서 Composition API로, Vuex에서 Pinia로, asyncData/fetch에서 useFetch로, breaking changes, 마이그레이션 전략, nuxtServerInit deprecation
1Vue 2의 Options API와 Vue 3의 Composition API의 주요 아키텍처 차이점은 무엇입니까?
Vue 2의 Options API와 Vue 3의 Composition API의 주요 아키텍처 차이점은 무엇입니까?
답변
Composition API는 옵션 유형이 아닌 논리적 관심사별로 코드를 구성하여 관련 코드를 함께 묶을 수 있게 합니다. 이 접근 방식은 data, methods, computed 속성을 분리하는 Options API와 달리 복잡한 컴포넌트의 가독성과 유지보수성을 향상시킵니다. 또한 Composition API는 composables를 통해 로직 재사용을 용이하게 하여 이름 충돌을 일으킬 수 있었던 mixins를 효과적으로 대체합니다.
2Nuxt 3는 Nuxt 2와 비교하여 auto-imports와 관련해 어떤 주요 변경 사항을 도입했습니까?
Nuxt 3는 Nuxt 2와 비교하여 auto-imports와 관련해 어떤 주요 변경 사항을 도입했습니까?
답변
Nuxt 3는 composables, 컴포넌트, 프레임워크 유틸리티에 대해 기본적으로 auto-imports를 활성화하여 수동 import의 필요성을 없앱니다. 이 기능은 개발자 경험을 향상시키고 보일러플레이트 코드를 줄입니다. Nuxt 2는 대부분의 기능에 대해 명시적인 import가 필요했습니다. 명시적인 제어가 필요한 경우 설정에서 이 기능을 비활성화할 수 있습니다.
3Vue 3에서 제거된 Vue 2의 filters를 대체하는 방법은 무엇입니까?
Vue 3에서 제거된 Vue 2의 filters를 대체하는 방법은 무엇입니까?
답변
filters는 새로운 개발자가 이해하기 어려운 커스텀 문법을 만들고 성능에 영향을 주었기 때문에 Vue 3에서 제거되었습니다. 공식 권장 사항은 데이터 변환에 computed properties나 메서드를 사용하는 것입니다. computed properties는 비용이 큰 계산에 대한 자동 캐싱이라는 이점을 제공하는 반면, 메서드는 매개변수가 있는 간단한 변환에 적합합니다.
Nuxt 2의 Webpack을 대체하는 Nuxt 3의 기본 build tool은 무엇입니까?
커스텀 컴포넌트의 경우 v-model 구문은 Vue 2와 Vue 3 사이에서 어떻게 바뀌었나요?
+19 면접 질문