Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | |||
en:modul:m291:learningunits:lu05:theorie:04 [2025/03/14 13:33] – vdemir | en:modul:m291:learningunits:lu05:theorie:04 [2025/03/14 13:46] (aktuell) – vdemir | ||
---|---|---|---|
Zeile 16: | Zeile 16: | ||
<div v-show=" | <div v-show=" | ||
- | |||
- | |||
===== Example ===== | ===== Example ===== | ||
Zeile 45: | Zeile 43: | ||
===== v-if VS v-show ===== | ===== v-if VS v-show ===== | ||
- | Both, v-if and v-show are conditional rendering, but unlike v-if, the v-show directive **only" | + | Both, v-if and v-show are conditional rendering, but unlike v-if, the v-show directive **only** make the object of concern **invisible**, |
+ | |||
+ | ===== Demonstration ===== | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | * **v-show:** Hides only an object, it is still accessible for fold-in or fold-out | ||
+ | * **v-if:** The object of concern is no longer existing, as it was destroyed from the HTML-DOM. | ||
^Feature ^v-if ^v-show ^ | ^Feature ^v-if ^v-show ^ | ||
Zeile 56: | Zeile 62: | ||
^ English ^ German ^ | ^ English ^ German ^ | ||
| conditionally | bedingt | | | conditionally | bedingt | | ||
+ | | to fold in/out | einklppen/ | ||
---- | ---- | ||
[[https:// | [[https:// | ||