en:modul:m291:learningunits:lu05:theorie:04

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
en:modul:m291:learningunits:lu05:theorie:04 [2025/03/14 12:49] – vdemiren: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 ===== ===== Learning ojectives =====
   - I can explain what directive v-show fulfil within the DOM.   - 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 ====== ====== Sources ======
Zeile 16: Zeile 16:
  
   <div v-show="isVisible">Content</div>   <div v-show="isVisible">Content</div>
- 
- 
  
 ===== 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" 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 ^ ^Feature ^v-if ^v-show ^
Zeile 56: Zeile 62:
 ^ English ^ German ^  ^ English ^ German ^ 
 | conditionally | bedingt | | 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 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir
  
  • en/modul/m291/learningunits/lu05/theorie/04.1741952943.txt.gz
  • Zuletzt geändert: 2025/03/14 12:49
  • von vdemir