В чем разница между Vue 2 и Vue 3

Основные различия между Vue 2 и Vue 3:

1. Composition API (новый в Vue 3) - альтернатива Options API, позволяет логически группировать код:

// Composition API
setup() {
  const count = ref(0)
  const double = computed(() => count.value * 2)
  return { count, double }
}

2. Производительность - Vue 3 быстрее благодаря:

• Виртуальному DOM с оптимизацией (Patch flags)
• Tree-shaking (удаление неиспользуемого кода)

3. Множественные корневые элементы (Fragments):

<!-- Vue 3 -->
<template>
  <header></header>
  <main></main>
  <footer></footer>
</template>

4. Teleport - рендер компонента в другом месте DOM
5. Новая система реактивности на основе Proxy вместо Object.defineProperty
6. TypeScript поддержка - Vue 3 полностью написан на TS

Vue 3 сохраняет обратную совместимость с Vue 2, но предлагает более гибкую и производительную архитектуру.