Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify mr-1" data-icon="mdi:arrow-left" style="vertical-align: -0.125em; transform: rotate(360deg);"><path d="M20 11v2H8l5.5 5.5l-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5L8 11h12z" fill="currentColor"></path></svg>====== LU05.S01 - Vue Directives - Control questions ====== ===== Notes ===== * You are free to use ChatGPT to summarize the content. * Regardless which additional means you use, comrehending the content is crucial to developing your competence. **1. Explain what is meant by the term directives** //directives// are special HTML-attributes which are helping us to programm website more easyly and reactively. **2. Give some concrete examples for directives and explain them briefly ** ^Directive ^ Details ^ | v-bind | Connects the HTML-attributes tags regarding data with the VUE Framework | | v-on | Connects the HTML-attributes tags regarding events i.e. Mausclick, etc. with VUE | | v-if | Creates HTML tags that are based on conditions. v-if is often used in conjunction with v-else-if and v-else. | | v-show | Specific v-if statement that only visible if a condition is fulfilled. | | v-for | Creates a list of tags, which are sourced by a VUE array | | ... | There are more directives for which we unfortunately have not the time to explore. | ** 3. What are the major advantages of using directives? ** Programming responsive websites is possible without JavaScript knowlege by outsourcing the JS-functionalities to HTML. That means that HTML is augmented by VUE in order to do it without JS. ===== Vocabulary ===== ^ English ^ German ^ | augmented| ergänzt, verbessert| ---- [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir