(기계-번역) Evan You가 말하는 2024년 Vue.js의 인사이트 및 트렌드

원문 : https://medium.com/front-end-weekly/insights-and-trends-in-vue-js-from-evan-you-2024-695ed1feef5d

Insights and Trends in Vue.js from Evan You 2024

 

이 게시물에서는 Vuejs Nation 2024 컨퍼런스에서 Evan You가 공유한 인사이트에 대해 알아볼 것입니다. Vue 생태계에 중점을 두고 있습니다.

 

목차

1. 소개
2. Evan You와의 질의응답 세션
3. 결론

1. 소개

이 게시물에서는 다음과 같은 주제에 대한 일반적인 통찰력을 탐구할 것입니다: Vite 5가 Vue에 미치는 영향, 매크로, 증기 모드, 흔한 오해, 새로운 기능 또는 기능, 미래 버전에서 Option API 지원, VitePress 등.

 

2. Evan You와의 질의응답 세션

2.1. Vite 5가 Vue 성능을 어떻게 향상시키나요?

Vite에서 성능을 향상시키는 작업은 주로 Vite에 특화되어 있습니다. 그러나 Vite를 사용하는 사람은 모두 동일한 이점을 누릴 수 있습니다.

또한 중요한 세부사항으로, 프로젝트의 빌드 성능을 향상시키기 위해 "vitejs/plugin-vue"의 최신 버전으로 업데이트하는 것이 권장됩니다.

 

2.2. Vue.js에 추가되는 매크로를 더 기대할 수 있나요?

Vue.js 팀은 새로운 매크로를 Vue 코어 기능에 통합할 때 매우 신중합니다. 현재 Vue에 새로운 매크로를 도입할 계획은 없습니다.

매크로는 아직 Vue에 공식적으로 통합되지 않은 개념적 제안 또는 아이디어입니다. 이러한 제안은 Vue에 대한 추가 기능 및 구문 설탕을 탐색하고 확장하기 위한 것입니다.

 

2.3. Vue의 vapor mode에 대한 최신 정보는 무엇인가요?

초기 런타임 구현과 컴파일러의 상당 부분이 완료되었습니다. 결과적으로 기능적인 플레이그라운드가 구축되었지만, 아직 작업 중입니다.

이 모드를 사용하기 위해서는 복잡한 마이그레이션이나 사용 준비 조치가 필요하지 않습니다. 이 기술을 사용하면 최적화가 필요한 특정 컴포넌트에 대해 vapor mode를 활성화할 수 있습니다.

 

2.4. 사람들이 Vue.js에 대해 가장 많이 오해하는 것은 무엇인가요?

인기있는 오해로는 JSX 및 TypeScript의 지원이 부족하다는 것과 Vue가 단순한 응용 프로그램에만 적합하다는 믿음이 있습니다. 그러나 점점 더 많은 대형 및 잘 알려진 브랜드들이 Vue를 광범위한 웹 애플리케이션에 사용하기 시작하고 있습니다.

 

2.5. 미래 버전의 Vue.js에서 어떤 흥미로운 새로운 기능이나 기능을 기대할 수 있나요?

현재 Vue 생태계에서 가장 중요한 혁신은 vapor mode입니다.

또한 다음과 같은 Vue 코어의 개선 사항이 있습니다.

• 반응성 시스템 리팩터링.
• 빨라진 파서와 향상된 싱글 파일 컴포넌트(Single File Component, SFC) 빌드 성능
• defineModel의 안정화
• v-bind:를 위한 같은 이름의 축약어 (<img :id :src :alt>같은)
• 하이드레이션 불일치 오류 개선

2.6. Vue에서 옵션 API를 제거할 계획이 있나요?

앞으로 Vue에서 옵션 API를 제거할 계획은 없으며, Composition API와 Option API를 모두 유지하는 것은 매우 관리하기 쉽습니다.

 

2.7. Vue 3는 Webpack을 계속 지원할 것인가요 아니면 완전히 Vite로 이동할 것인가요?

Vue는 Webpack을 가까운 미래에 포기할 계획이 없으며, Webpack과 Vite 둘 다 지원할 것입니다.

 

2.8. 기타

안정된 버전의 suspense 컴포넌트 릴리스가 계획되어 있습니다.

defineModel이 객체 및 배열에 대해 깊은 반응성을 가질 수 없는 이유는 다음과 같습니다. 직접적으로 props를 수정하는 것은 이후 추적에 영향을 끼치기 때문에 권장되지 않습니다. 이러한 상황에서는 깊은 반응성이 불필요하며, 매번 새 객체를 반환할 뿐입니다.

<script setup>
  const modelValue = defineModel()
  console.log(modelValue.value)
</script>

<template>
  <input v-model="modelValue" />
</template>

 

VitePress 출시에 많은 기대 부탁드립니다.

VitePress는 빠르고 콘텐츠 중심적인 웹 사이트를 구축하기 위해 제작된 정적 사이트 생성기 (SSG)입니다. 문서, 블로그, 포트폴리오 및 마케팅 사이트에 이상적입니다. Nuxt.js에 대한 더 가벼운 대안을 제공하여 웹 개발을 효율적으로 만듭니다.

 

3. 결론

Vue 생태계와 프레임워크 자체는 성능, 반응성 향상 및 비가상 DOM 모드의 발전에 중점을 둔 활발한 개발을 지속하고 있습니다. Vue는 Option API 및 Composition API를 모두 지원하여 매우 유연하며, Webpack 및 Vite와 같은 인기있는 번들러와 호환되도록 보장합니다. defineModel 및 v-bind의 단축 구문과 같은 새로운 기능이 안정적으로 출시되는 것을 볼 때, 이러한 모든 요소들이 현재와 미래에 걸친 Vue의 동적성과 희망찬 미래를 보여줍니다.

 

참고 : vue vapor mode?

https://github.com/vuejs/core-vapor

GitHub - vuejs/core-vapor: Vue Vapor (no virtual DOM) experimental repo.

 

좋았어 진행시켜