What is the difference between Vue 2 and Vue 3?

Question

Accepted Answer

**Vue 3** — modern Composition API with better performance. **Vue 2** — traditional Options API.

**Vue 2:**
- Options API with data, methods, computed.
- Larger bundle size.
- Slower performance.
- No built-in TypeScript support.

**Vue 3:**
- Composition API for flexible code organization.
- Smaller bundle with tree-shaking.
- Faster with Proxy-based reactivity.
- Better TypeScript support.

```javascript
// Vue 2
export default {
  data() { return { count: 0 } },
  methods: { increment() { this.count++ } }
}
```

```javascript
// Vue 3
import { ref } from "vue"
const count = ref(0)
const increment = () => count.value++
```

**Key differences:**
- **Vue 2** — Options API, larger, slower.
- **Vue 3** — Composition API, smaller, faster.

Vue.js: What is the difference between Vue 2 and Vue 3?