Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:theorie:04 [2025/03/14 12:49] – vdemir
+++ en:modul:m291:learningunits:lu05:theorie:04 [2025/03/14 13:46] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU05d - v-show - TBD ======
+====== LU05d - v-show ======
 ===== Learning ojectives =====
   - I can explain what directive v-show fulfil within the DOM.
-  - I can prove the visibility of objects using v-show
+  - I can prove the visibility of objects using v-show.
-  - I can use the v-show directive
+  - I can use the v-show directive.
 ====== Sources ======
@@ Zeile 16: / Zeile 16: @@
   <div v-show="isVisible">Content</div>
 ===== Example =====
@@ Zeile 45: / Zeile 43: @@
 ===== v-if VS v-show =====
-Both, v-if and v-show are conditional rendering, but unlike v-if, the v-show directive **only" make the object of concern **invisible**, for it is yet hidden part of the HTML-DOM.
+Both, v-if and v-show are conditional rendering, but unlike v-if, the v-show directive **only** make the object of concern **invisible**, for it is yet hidden part of the HTML-DOM.
+===== Demonstration =====
+[[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-show_div2 | v-show VS v-if]]
+  * **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 ^
@@ Zeile 56: / Zeile 62: @@
 ^ English ^ German ^
 | conditionally | bedingt |
+| to fold in/out | einklppen/ausklappen |
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir