Kapitel 1: Was ist Vue 3? Vorteile von Vue 3 gegenüber Vue 2

📘 Lernziel: Vue 3 verstehen und die Vorteile gegenüber Vue 2 kennenlernen!

---

1.1 Was ist Vue 3?

Vue 3 ist ein progressives JavaScript-Framework zur Erstellung von Benutzeroberflächen.

Merkmale:

• ✅ Einfach zu erlernen (niedrige Lernkurve)
• ✅ Progressiv (schrittweise Einführung)
• ✅ Reaktive Datenbindung
• ✅ Komponenten-basiert

Vergleich mit anderen Frameworks:

Framework	Schwierigkeit	Größe	Beliebtheit
Vue 3	⭐⭐	Klein	⭐⭐⭐⭐⭐
React	⭐⭐⭐	Mittel	⭐⭐⭐⭐⭐
Angular	⭐⭐⭐⭐⭐	Groß	⭐⭐⭐

---

1.2 Vorteile von Vue 3 gegenüber Vue 2

Warum Vue 3?

1. Bessere Performance

• Virtueller DOM wurde optimiert
• Schnellere Rendering-Geschwindigkeit
• Kleinere Bundle-Größe

2. Composition API (Neu!)

• Bessere Logik-Wiederverwendung
• Übersichtlichere Code-Organisation
• TypeScript-Unterstützung verbessert

3. Bessere TypeScript-Unterstützung

• Vue 3 ist in TypeScript geschrieben
• Bessere Typisierung
• Intelligente Code-Vervollständigung

4. Neue Features

• <script setup> Syntax
• Teleport-Komponente
• Suspense-Komponente
• Fragmente (mehrere Root-Elemente)

Vergleich:

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

// Vue 3 (Composition API)
<script setup>
import { ref } from 'vue'
const count = ref(0)
const increment = () => count.value++
</script>

---

✅ Zusammenfassung

In diesem Kapitel hast du gelernt:

• ✅ Was Vue 3 ist
• ✅ Vorteile von Vue 3 gegenüber Vue 2
• ✅ Warum du Vue 3 lernen solltest

🎯 Nächster Schritt: In Kapitel 2 lernst du die frontend-Grundlagen!

---

Weiter zu Kapitel 2: Frontend-Grundlagen →