Vue 4.0 RC 출시 — Vapor 모드 정식·번들 사이즈 60% 감소·React Server Components 호환

핵심 요약

Vue.js 팀이 5월 6일 Vue 4.0 RC1을 공개했다. 가상 DOM을 거치지 않는 Vapor 모드가 정식 기본 모드로 승격됐고, 표준 빌드 번들 사이즈가 직전 3.5 대비 60% 감소했다. React Server Components와 호환되는 모듈 시스템이 도입된 것도 큰 변화다.

• 버전: 4.0.0-rc.1
• 정식 GA: 2026년 7월 (RC2·RC3 거쳐)
• 주요 변화: Vapor 모드 기본화, RSC 호환, TS 5.5 이상 필수

Vapor 모드 — 무엇이 달라지나

가상 DOM을 거치지 않고 컴파일 시점에 직접 DOM 명령을 생성한다. Solid·Svelte 모델과 유사하다. 동일 컴포넌트를 Vapor·Virtual DOM 양쪽으로 빌드할 수 있어 점진적 전환이 가능하다.

RSC 호환 모듈

React Server Components의 영향을 받은 새 디렉티브 'use server'·'use client'가 도입됐다. 이름·문법은 React와 동일하지만 구현체는 별개다. Nuxt 4와 함께 쓰면 서버 컴포넌트 직렬화가 자동화된다.

호환성 변화

• TypeScript 5.5 이상 필수
• Node.js 20.10+ / Bun 2.0+ 권장
• Vue 2 → Vue 4 직접 마이그레이션 미지원 (Vue 3 경유 필요)
• Options API: deprecation 경고 시작 (Vue 5에서 제거 예정)

마이그레이션 가이드

# 4.0 RC 설치
bun add vue@^4.0.0-rc.1
bun add -d @vue/compiler-sfc@^4.0.0-rc.1

# 기존 3.5 코드 호환성 진단
bunx @vue/migration-doctor

한국 도입

네이버페이·당근마켓·라프텔 등 Vue 기반 대형 한국 서비스가 RC 단계에서 카나리 빌드를 돌리고 있다. 라프텔은 "Vapor 모드로 First Contentful Paint가 평균 41% 단축됐다"고 공유했다. 정식 GA 후 마이그레이션은 2026 Q4 ~ 2027 Q1로 잡힐 가능성이 높다.

관련 도구

• Nuxt 4 RC: 5월 둘째 주 공개 예정
• Volar 3.0: TS 5.5 기반 LSP 재작성
• Vite 7: Bun 네이티브 통합