de:modul:m291:learningunits:lu09:theorie:b_live_coding

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m291:learningunits:lu09:theorie:b_live_coding [2026/04/12 14:24] – gkochde:modul:m291:learningunits:lu09:theorie:b_live_coding [2026/05/10 20:25] (aktuell) – gkoch
Zeile 1: Zeile 1:
-====== LU09b – Vue.js: Reaktive Variablen, v-bind und Mustache ====== +====== LU09b – Vue.js: Installieren und Accordion Projekt aufbauen ======
- +
-===== Lernziele ===== +
- +
-  * Sie verstehen, was reaktive Variablen sind, wie ''ref()'' funktioniert und warum wir sie brauchen. +
-  * Sie kennen die wichtigsten Vue-Direktiven: ''v-bind'' und ''v-on''. +
-  * Sie können JavaScript-Werte direkt im HTML-Template mit ''%%{{ }}%%'' ausgeben. +
-  * Sie sind vertraut mit der Struktur einer Vue-Komponente (''<script setup>'', ''<template>'', ''<style>'').+
  
  
Zeile 156: Zeile 149:
 **Was haben wir gemacht?** Wir haben eine eigene **Komponente** erstellt – ein abgeschlossenes UI-Baustein, der einmal gebaut und beliebig oft eingesetzt werden kann. ''App.vue'' importiert und rendert ihn. Das ist das Komponentenprinzip von Vue. **Was haben wir gemacht?** Wir haben eine eigene **Komponente** erstellt – ein abgeschlossenes UI-Baustein, der einmal gebaut und beliebig oft eingesetzt werden kann. ''App.vue'' importiert und rendert ihn. Das ist das Komponentenprinzip von Vue.
 </WRAP> </WRAP>
 +
 +{{:de:modul:m291:learningunits:lu09:theorie:screenshot_2026-04-11_at_22.47.31.png?direct&1100|}}
  
 ==== Schritt 3: CSS hinzufügen ==== ==== Schritt 3: CSS hinzufügen ====
  • de/modul/m291/learningunits/lu09/theorie/b_live_coding.1775996661.txt.gz
  • Zuletzt geändert: 2026/04/12 14:24
  • von gkoch