Vue2 vs Vue3 실제로 뭐가 다를까? 코드로 비교해봤다

1. 한 줄 요약

Vue2는 Options API, Vue3는 Composition API가 핵심 차이다.

 

2. 코드로 바로 비교

<Vue2>

// Vue2 - Options API
export default {
  data() {
    return { count: 0 }
  },
  methods: {
    increment() {
      this.count++
    }
  }
}

 

 

<Vue3>

// Vue3 - Composition API
import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)
    const increment = () => count.value++
    return { count, increment }
  }
}

 

3. 실제로 뭐가 달라지나

	Vue2	Vue3
코드 구조	역할별 분리	기능별 분리
재사용	Mixin	Composable
TypeScript	불편함	자연스러움
성능	보통	더 빠름

4. 언제 뭘 써야 하나

• 신규 프로젝트 → Vue3
• 레거시 유지보수 → Vue2 이해 필요

5. 마무리

- Vue3를 Vite랑 같이 쓰려고 선택했는데 개발 서버 속도가 확실히 빠르다. 신규 프로젝트라면 Vue3 + Vite 조합을 추천한다.