https://de.wikipedia.org/w/index.php?action=history&feed=atom&title=Vue.js Vue.js - Versionsgeschichte 2025-07-14T10:19:15Z Versionsgeschichte dieser Seite in Wikipedia MediaWiki 1.45.0-wmf.9 https://de.wikipedia.org/w/index.php?title=Vue.js&diff=253596600&oldid=prev Wurgl: Besserer Titel für Weblink, Commonscat mit Helferlein hinzugefügt 2025-02-23T09:20:23Z <p>Besserer Titel für Weblink, Commonscat mit <a href="/wiki/Benutzer:Wurgl/8Schwestern" title="Benutzer:Wurgl/8Schwestern">Helferlein</a> hinzugefügt</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 23. Februar 2025, 11:20 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 105:</td> <td colspan="2" class="diff-lineno">Zeile 105:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Modularität ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Modularität ===</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vue.js kann durch Erweiterungen ergänzt werden, diese können Mixins,&lt;ref&gt;[https://vuejs.org/v2/guide/mixins.html# Mixins]&lt;/ref&gt; Direktiven, Filter, Komponenten und Objekte enthalten. Als offizielle Erweiterungen werden vuex,&lt;ref&gt;[https://github.com/vuejs/vuex vuex]&lt;/ref&gt; ein an [[Redux (JavaScript-Bibliothek)|Redux]]&lt;ref&gt;[https://redux.js.org/ Redux]&lt;/ref&gt; angelehnter Zustandsmanager, und vue-router,&lt;ref&gt;[https://github.com/vuejs/vue-router vue-router]&lt;/ref&gt; ein Komponenten-Router, angeboten. Unter awesome-vue&lt;ref&gt;[https://github.com/vuejs/awesome-vue awesome-vue]&lt;/ref&gt; wird eine aktuelle Auflistung an Erweiterungen gepflegt. So gibt es beispielsweise eine Erweiterung zum Durchführen von [[Hypertext Transfer Protocol|HTTP]]-Requests.&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/vue-resource |titel=<del style="font-weight: bold; text-decoration: none;">vuejs</del>/vue-resource |werk=GitHub |abruf=2016-07-17}}&lt;/ref&gt; Diese wurde jedoch als offizielle Bibliothek aus dem Vue.js-Portfolio entkoppelt.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://medium.com/the-vue-point/retiring-vue-resource-871a82880af4 |titel=Retiring vue-resource – The Vue Point |werk=medium.com |datum=2016-11-03 |abruf=2017-02-17}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vue.js kann durch Erweiterungen ergänzt werden, diese können Mixins,&lt;ref&gt;[https://vuejs.org/v2/guide/mixins.html# Mixins]&lt;/ref&gt; Direktiven, Filter, Komponenten und Objekte enthalten. Als offizielle Erweiterungen werden vuex,&lt;ref&gt;[https://github.com/vuejs/vuex vuex]&lt;/ref&gt; ein an [[Redux (JavaScript-Bibliothek)|Redux]]&lt;ref&gt;[https://redux.js.org/ Redux]&lt;/ref&gt; angelehnter Zustandsmanager, und vue-router,&lt;ref&gt;[https://github.com/vuejs/vue-router vue-router]&lt;/ref&gt; ein Komponenten-Router, angeboten. Unter awesome-vue&lt;ref&gt;[https://github.com/vuejs/awesome-vue awesome-vue]&lt;/ref&gt; wird eine aktuelle Auflistung an Erweiterungen gepflegt. So gibt es beispielsweise eine Erweiterung zum Durchführen von [[Hypertext Transfer Protocol|HTTP]]-Requests.&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/vue-resource |titel=<ins style="font-weight: bold; text-decoration: none;">pagekit</ins>/vue-resource<ins style="font-weight: bold; text-decoration: none;">: The HTTP client for Vue.js</ins> |werk=GitHub |abruf=2016-07-17}}&lt;/ref&gt; Diese wurde jedoch als offizielle Bibliothek aus dem Vue.js-Portfolio entkoppelt.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://medium.com/the-vue-point/retiring-vue-resource-871a82880af4 |titel=Retiring vue-resource – The Vue Point |werk=medium.com |datum=2016-11-03 |abruf=2017-02-17}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Entwicklungsversion ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Entwicklungsversion ==</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 158:</td> <td colspan="2" class="diff-lineno">Zeile 158:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weblinks ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Weblinks ==</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Commonscat}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://vuejs.org/ Offizielle Webpräsenz] (englisch)</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://vuejs.org/ Offizielle Webpräsenz] (englisch)</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://forum.vuejs.org/ Offizielles Forum] (englisch)</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://forum.vuejs.org/ Offizielles Forum] (englisch)</div></td> </tr> </table> Wurgl https://de.wikipedia.org/w/index.php?title=Vue.js&diff=248345699&oldid=prev Simon04: {{Veraltet|seit=2020-09}} 2024-09-05T18:13:24Z <p>{{Veraltet|seit=2020-09}}</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 5. September 2024, 20:13 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 24:</td> <td colspan="2" class="diff-lineno">Zeile 24:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Struktur ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Struktur ==</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Veraltet|dieses Abschnitts, insbesondere die Code-Beispiele, basieren auf Vue 2 und|seit=2020-09}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Die Vue-Instanz ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Die Vue-Instanz ===</div></td> </tr> </table> Simon04 https://de.wikipedia.org/w/index.php?title=Vue.js&diff=246808869&oldid=prev PerfektesChaos: tk k 2024-07-16T13:45:13Z <p>tk k</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 16. Juli 2024, 15:45 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><br /></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Software</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Software</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Name = </div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Name = </div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 17:</td> <td colspan="2" class="diff-lineno">Zeile 16:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Vue.js''' (View, englische Aussprache [vjuː]) ist ein clientseitiges [[JavaScript]]-[[Webframework]] zum Erstellen von [[Single-Page-Webanwendung]]en nach dem [[Model View ViewModel|MVVM]]-Muster, es kann allerdings auch in Multipage-Webseiten für einzelne Abschnitte verwendet werden. Zudem wird [[Server Side Scripting|serverseitiges Rendern]] unterstützt.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/v2/guide/ssr.html |titel=Vue Guide: Server-Side Rendering |<del style="font-weight: bold; text-decoration: none;">hrsg</del>=github.com |datum=2017-02-01 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Vue.js''' (View, englische Aussprache [vjuː]) ist ein clientseitiges [[JavaScript]]-[[Webframework]] zum Erstellen von [[Single-Page-Webanwendung]]en nach dem [[Model View ViewModel|MVVM]]-Muster, es kann allerdings auch in Multipage-Webseiten für einzelne Abschnitte verwendet werden. Zudem wird [[Server Side Scripting|serverseitiges Rendern]] unterstützt.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/v2/guide/ssr.html |titel=Vue Guide: Server-Side Rendering |<ins style="font-weight: bold; text-decoration: none;">werk</ins>=github.com |datum=2017-02-01 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Konzept ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Konzept ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Die Entwickler bezeichnen Vue.js als progressiv und inkrementell adaptierbar im Vergleich zu anderen [[Webframework]]s. Dies erlaubt dem nutzenden Entwickler, die Struktur der Anwendung nach eigenen Ansprüchen zu richten. Die Entwickler bezeichnen Vue.js als einfacher zu erlernen als [[AngularJS]], da die [[Programmierschnittstelle|API]] einfach gehalten wurde.&lt;ref&gt;{{Internetquelle |url=https://vuejs.org/guide/comparison.html |titel=Comparison with Other Frameworks – vue.js |werk=vuejs.org |abruf=2016-07-15}}&lt;/ref&gt; Um Vue.js einsetzen zu können, sind lediglich Kenntnisse in JavaScript und HTML notwendig, zur Benutzung und dem vollständigen Erlernen ist die beispielreiche Dokumentation unter vuejs.org&lt;ref&gt;[https://vuejs.org/v2/guide/ ''Introduction: What is Vue.js?'']<del style="font-weight: bold; text-decoration: none;"> auf</del> vuejs.com&lt;/ref&gt; ausreichend.&lt;ref&gt;{{Internetquelle |autor=Jacob Schatz |url=https://about.gitlab.com/2016/10/20/why-we-chose-vue/ |titel=Why We Chose Vue.js |<del style="font-weight: bold; text-decoration: none;">hrsg</del>=GitLab Blog |datum=2016-10-20 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Die Entwickler bezeichnen Vue.js als progressiv und inkrementell adaptierbar im Vergleich zu anderen [[Webframework]]s. Dies erlaubt dem nutzenden Entwickler, die Struktur der Anwendung nach eigenen Ansprüchen zu richten. Die Entwickler bezeichnen Vue.js als einfacher zu erlernen als [[AngularJS]], da die [[Programmierschnittstelle|API]] einfach gehalten wurde.&lt;ref&gt;{{Internetquelle |url=https://vuejs.org/guide/comparison.html |titel=Comparison with Other Frameworks – vue.js |werk=vuejs.org |abruf=2016-07-15}}&lt;/ref&gt; Um Vue.js einsetzen zu können, sind lediglich Kenntnisse in JavaScript und HTML notwendig, zur Benutzung und dem vollständigen Erlernen ist die beispielreiche Dokumentation unter vuejs.org&lt;ref&gt;[https://vuejs.org/v2/guide/ ''Introduction: What is Vue.js?''] vuejs.com&lt;/ref&gt; ausreichend.&lt;ref&gt;{{Internetquelle |autor=Jacob Schatz |url=https://about.gitlab.com/2016/10/20/why-we-chose-vue/ |titel=Why We Chose Vue.js |<ins style="font-weight: bold; text-decoration: none;">werk</ins>=GitLab Blog |datum=2016-10-20 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Durch Umsetzung des [[Model View ViewModel|MVVM]]-Musters bietet Vue.js die Möglichkeit des Data Bindings, so dass Aus- und Eingaben direkt an die Datenquelle gekoppelt werden. Somit ist das manuelle Ermitteln der Daten (z.&amp;nbsp;B. via [[jQuery]]) aus dem [[Hypertext Markup Language|HTML]]-[[Document Object Model|DOM]] nicht notwendig. Hierbei sind keinerlei zusätzliche Annotationen wie bei [[Knockout.js]] notwendig, durch die Deklaration in einem Vue-Element werden ganz normale JavaScript-Variablen als reaktive Elemente eingebunden.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Durch Umsetzung des [[Model View ViewModel|MVVM]]-Musters bietet Vue.js die Möglichkeit des Data Bindings, so dass Aus- und Eingaben direkt an die Datenquelle gekoppelt werden. Somit ist das manuelle Ermitteln der Daten (z.&amp;nbsp;B. via [[jQuery]]) aus dem [[Hypertext Markup Language|HTML]]-[[Document Object Model|DOM]] nicht notwendig. Hierbei sind keinerlei zusätzliche Annotationen wie bei [[Knockout.js]] notwendig, durch die Deklaration in einem Vue-Element werden ganz normale JavaScript-Variablen als reaktive Elemente eingebunden.</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 56:</td> <td colspan="2" class="diff-lineno">Zeile 55:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>})</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>})</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/syntaxhighlight&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/syntaxhighlight&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang="html"&gt;&lt;!-- HTML-Knoten --&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang="html"&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;!-- HTML-Knoten --&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div id="example"&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div id="example"&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;my-component&gt;&lt;/my-component&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;my-component&gt;&lt;/my-component&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 64:</td> <td colspan="2" class="diff-lineno">Zeile 64:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div id="example"&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div id="example"&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;div&gt;Dies ist eine neue Komponente&lt;/div&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;div&gt;Dies ist eine neue Komponente&lt;/div&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;/div&gt;&lt;/syntaxhighlight&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;/div&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;/syntaxhighlight&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Double Curly Syntax ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Double Curly Syntax ===</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Durch die Verwendung der bei [[Liste von Webframeworks|JavaScript-Frameworks]] beliebten doppelten geschweiften Klammern ''(double-curly syntax)'' können JavaScript-Elemente in den [[Document Object Model|HTML-DOM]] eingefügt werden.&lt;ref&gt;{{Internetquelle |url=https://vuejs.org/guide/syntax.html |titel=Data Binding Syntax – vue.js |werk=vuejs.org |abruf=2016-07-15}}&lt;/ref&gt; Dabei wird das Element in der Datenquelle aus der Vue-Instanz verknüpft. Das Databinding ist in beide Richtungen möglich (“Two way databinding”), wodurch die Veränderung der Daten durch den Benutzer ermöglicht wird.&lt;ref&gt;{{Internetquelle |url=https://vuejs.org/guide/#Two-way-Binding |titel=Getting Started <del style="font-weight: bold; text-decoration: none;">-</del> vue.js |werk=vuejs.org |abruf=2016-07-17}}&lt;/ref&gt; Die Direktive ''model'' sorgt für das Databinding mit Input-Elementen.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Durch die Verwendung der bei [[Liste von Webframeworks|JavaScript-Frameworks]] beliebten doppelten geschweiften Klammern ''(double-curly syntax)'' können JavaScript-Elemente in den [[Document Object Model|HTML-DOM]] eingefügt werden.&lt;ref&gt;{{Internetquelle |url=https://vuejs.org/guide/syntax.html |titel=Data Binding Syntax – vue.js |werk=vuejs.org |abruf=2016-07-15}}&lt;/ref&gt; Dabei wird das Element in der Datenquelle aus der Vue-Instanz verknüpft. Das Databinding ist in beide Richtungen möglich (“Two way databinding”), wodurch die Veränderung der Daten durch den Benutzer ermöglicht wird.&lt;ref&gt;{{Internetquelle |url=https://vuejs.org/guide/#Two-way-Binding |titel=Getting Started <ins style="font-weight: bold; text-decoration: none;">–</ins> vue.js |werk=vuejs.org |abruf=2016-07-17}}&lt;/ref&gt; Die Direktive ''model'' sorgt für das Databinding mit Input-Elementen.</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang="html" line="1"&gt;&lt;div id="demo"&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang="html" line="1"&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;div id="demo"&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;p&gt;{{ message }}&lt;/p&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;p&gt;{{ message }}&lt;/p&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;input v-model="message"&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;input v-model="message"&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;/div&gt;&lt;/syntaxhighlight&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;/div&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;/syntaxhighlight&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Direktiven ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Direktiven ===</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 101:</td> <td colspan="2" class="diff-lineno">Zeile 104:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Modularität ===</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Modularität ===</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vue.js kann durch Erweiterungen ergänzt werden, diese können Mixins,&lt;ref&gt;[https://vuejs.org/v2/guide/mixins.html# Mixins]&lt;/ref&gt; Direktiven, Filter, Komponenten und Objekte enthalten. Als offizielle Erweiterungen werden vuex,&lt;ref&gt;[https://github.com/vuejs/vuex vuex]&lt;/ref&gt; ein an [[Redux (JavaScript-Bibliothek)|Redux]]&lt;ref&gt;[https://redux.js.org/ Redux]&lt;/ref&gt; angelehnter Zustandsmanager, und vue-router,&lt;ref&gt;[https://github.com/vuejs/vue-router vue-router]&lt;/ref&gt; ein Komponenten-Router, angeboten. Unter awesome-vue&lt;ref&gt;[https://github.com/vuejs/awesome-vue awesome-vue]&lt;/ref&gt; wird eine aktuelle Auflistung an Erweiterungen gepflegt. So gibt es beispielsweise eine Erweiterung zum Durchführen von [[Hypertext Transfer Protocol|HTTP]]-Requests.&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/vue-resource |titel=vuejs/vue-resource |werk=GitHub |abruf=2016-07-17}}&lt;/ref&gt; Diese wurde jedoch als offizielle Bibliothek aus dem Vue.js-Portfolio entkoppelt.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://medium.com/the-vue-point/retiring-vue-resource-871a82880af4 |titel=Retiring vue-resource – The Vue Point |datum=2016-11-03 |abruf=2017-02-17}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vue.js kann durch Erweiterungen ergänzt werden, diese können Mixins,&lt;ref&gt;[https://vuejs.org/v2/guide/mixins.html# Mixins]&lt;/ref&gt; Direktiven, Filter, Komponenten und Objekte enthalten. Als offizielle Erweiterungen werden vuex,&lt;ref&gt;[https://github.com/vuejs/vuex vuex]&lt;/ref&gt; ein an [[Redux (JavaScript-Bibliothek)|Redux]]&lt;ref&gt;[https://redux.js.org/ Redux]&lt;/ref&gt; angelehnter Zustandsmanager, und vue-router,&lt;ref&gt;[https://github.com/vuejs/vue-router vue-router]&lt;/ref&gt; ein Komponenten-Router, angeboten. Unter awesome-vue&lt;ref&gt;[https://github.com/vuejs/awesome-vue awesome-vue]&lt;/ref&gt; wird eine aktuelle Auflistung an Erweiterungen gepflegt. So gibt es beispielsweise eine Erweiterung zum Durchführen von [[Hypertext Transfer Protocol|HTTP]]-Requests.&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/vue-resource |titel=vuejs/vue-resource |werk=GitHub |abruf=2016-07-17}}&lt;/ref&gt; Diese wurde jedoch als offizielle Bibliothek aus dem Vue.js-Portfolio entkoppelt.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://medium.com/the-vue-point/retiring-vue-resource-871a82880af4 |titel=Retiring vue-resource – The Vue Point<ins style="font-weight: bold; text-decoration: none;"> |werk=medium.com</ins> |datum=2016-11-03 |abruf=2017-02-17}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Entwicklungsversion ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Entwicklungsversion ==</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 136:</td> <td colspan="2" class="diff-lineno">Zeile 139:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Verwendung in MediaWiki ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Verwendung in MediaWiki ==</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vue.js ist die offizielle Wahl der [[Wikimedia Foundation]] für die Verwendung als zukünftiges JavaScript-Framework für [[MediaWiki]].&lt;ref&gt;{{Internetquelle |autor=Eric Gardner und Anne Tomasevich |url=https://techblog.wikimedia.org/2021/01/22/2020-the-year-in-vue/ |titel=2020: The Year in Vue |werk=techblog.wikimedia.org |hrsg=Wikimedia Foundation |datum=2021-01-22 |sprache=en |abruf=2021-12-07}}&lt;/ref&gt;&lt;ref&gt;<del style="font-weight: bold; text-decoration: none;">{{Internetquelle |url=https</del>:<del style="font-weight: bold; text-decoration: none;">//www.mediawiki.org/wiki/</del>Vue.js<del style="font-weight: bold; text-decoration: none;"> |titel=Vue.js |werk=mediawiki.org |hrsg=Wikimedia Foundation |sprache=en |abruf=2021-12-07}}</del>&lt;/ref&gt; Beispielsweise wurde die neue Mediensuche auf [[Wikimedia Commons]] mit Vue.js realisiert.&lt;ref&gt;<del style="font-weight: bold; text-decoration: none;">{{Internetquelle |url=https</del>:<del style="font-weight: bold; text-decoration: none;">//www.mediawiki.org/wiki/</del>Extension:MediaSearch<del style="font-weight: bold; text-decoration: none;"> |titel=Extension:MediaSearch |werk=mediawiki.org |sprache=en |abruf=2021-12-07}}</del>&lt;/ref&gt;<del style="font-weight: bold; text-decoration: none;">&lt;blockquote&gt;„With</del> excitement <del style="font-weight: bold; text-decoration: none;">we're</del> sharing today that Vue.js is Wikimedia <del style="font-weight: bold; text-decoration: none;">Foundation's</del> official choice for adoption as future JavaScript framework for use with MediaWiki.<del style="font-weight: bold; text-decoration: none;">“ </del>Volker E.<del style="font-weight: bold; text-decoration: none;"> (</del>WMF<del style="font-weight: bold; text-decoration: none;">)</del>&lt;ref&gt;<del style="font-weight: bold; text-decoration: none;">https</del>:<del style="font-weight: bold; text-decoration: none;">//lists.wikimedia.org/hyperkitty/</del>list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/&lt;/ref&gt;<del style="font-weight: bold; text-decoration: none;">&lt;/blockquote&gt;</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vue.js ist die offizielle Wahl der [[Wikimedia Foundation]] für die Verwendung als zukünftiges JavaScript-Framework für [[MediaWiki]].&lt;ref&gt;{{Internetquelle |autor=Eric Gardner und Anne Tomasevich |url=https://techblog.wikimedia.org/2021/01/22/2020-the-year-in-vue/ |titel=2020: The Year in Vue |werk=techblog.wikimedia.org |hrsg=Wikimedia Foundation |datum=2021-01-22 |sprache=en |abruf=2021-12-07}}&lt;/ref&gt;&lt;ref&gt;<ins style="font-weight: bold; text-decoration: none;">[[mw</ins>:Vue.js<ins style="font-weight: bold; text-decoration: none;">]]</ins>&lt;/ref&gt; Beispielsweise wurde die neue Mediensuche auf [[Wikimedia Commons]] mit Vue.js realisiert.&lt;ref&gt;<ins style="font-weight: bold; text-decoration: none;">[[mw</ins>:Extension:MediaSearch<ins style="font-weight: bold; text-decoration: none;">]]</ins>&lt;/ref&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Zitat</ins></div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> |Text=With</ins> excitement <ins style="font-weight: bold; text-decoration: none;">we’re</ins> sharing today that Vue.js is Wikimedia <ins style="font-weight: bold; text-decoration: none;">Foundation’s</ins> official choice for adoption as future JavaScript framework for use with MediaWiki.</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> |Sprache=en</ins></div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> |Autor=</ins>Volker E.</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> |Quelle=</ins>WMF</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> |ref=</ins>&lt;ref&gt;<ins style="font-weight: bold; text-decoration: none;">[[listarchive</ins>:list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/<ins style="font-weight: bold; text-decoration: none;">]] 2. August 2021.</ins>&lt;/ref&gt;<ins style="font-weight: bold; text-decoration: none;">}}</ins></div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Siehe auch ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Siehe auch ==</div></td> </tr> </table> PerfektesChaos https://de.wikipedia.org/w/index.php?title=Vue.js&diff=246669366&oldid=prev Ichigonokonoha: unerwünschten Link gem. WP:V#ANR entfernt. 2024-07-11T17:24:31Z <p>unerwünschten Link gem. <a href="/wiki/Wikipedia:V#ANR" class="mw-redirect" title="Wikipedia:V">WP:V#ANR</a> entfernt.</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 11. Juli 2024, 19:24 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 136:</td> <td colspan="2" class="diff-lineno">Zeile 136:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Verwendung in MediaWiki ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Verwendung in MediaWiki ==</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vue.js ist die offizielle Wahl der [[Wikimedia Foundation]] für die Verwendung als zukünftiges JavaScript-Framework für [[MediaWiki]].&lt;ref&gt;{{Internetquelle |autor=Eric Gardner und Anne Tomasevich |url=https://techblog.wikimedia.org/2021/01/22/2020-the-year-in-vue/ |titel=2020: The Year in Vue |werk=techblog.wikimedia.org |hrsg=Wikimedia Foundation |datum=2021-01-22 |sprache=en |abruf=2021-12-07}}&lt;/ref&gt;&lt;ref&gt;{{Internetquelle |url=https://www.mediawiki.org/wiki/Vue.js |titel=Vue.js |werk=mediawiki.org |hrsg=Wikimedia Foundation |sprache=en |abruf=2021-12-07}}&lt;/ref&gt; Beispielsweise wurde die neue Mediensuche auf [[Wikimedia Commons]] mit Vue.js realisiert.&lt;ref&gt;{{Internetquelle |url=https://www.mediawiki.org/wiki/Extension:MediaSearch |titel=Extension:MediaSearch |werk=mediawiki.org |sprache=en |abruf=2021-12-07}}&lt;/ref&gt;&lt;blockquote&gt;„With excitement we're sharing today that Vue.js is Wikimedia Foundation's official choice for adoption as future JavaScript framework for use with MediaWiki.“ <del style="font-weight: bold; text-decoration: none;">[[Benutzer:</del>Volker E. (WMF)<del style="font-weight: bold; text-decoration: none;">|Volker E. (WMF)]]</del>&lt;ref&gt;https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/&lt;/ref&gt;&lt;/blockquote&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vue.js ist die offizielle Wahl der [[Wikimedia Foundation]] für die Verwendung als zukünftiges JavaScript-Framework für [[MediaWiki]].&lt;ref&gt;{{Internetquelle |autor=Eric Gardner und Anne Tomasevich |url=https://techblog.wikimedia.org/2021/01/22/2020-the-year-in-vue/ |titel=2020: The Year in Vue |werk=techblog.wikimedia.org |hrsg=Wikimedia Foundation |datum=2021-01-22 |sprache=en |abruf=2021-12-07}}&lt;/ref&gt;&lt;ref&gt;{{Internetquelle |url=https://www.mediawiki.org/wiki/Vue.js |titel=Vue.js |werk=mediawiki.org |hrsg=Wikimedia Foundation |sprache=en |abruf=2021-12-07}}&lt;/ref&gt; Beispielsweise wurde die neue Mediensuche auf [[Wikimedia Commons]] mit Vue.js realisiert.&lt;ref&gt;{{Internetquelle |url=https://www.mediawiki.org/wiki/Extension:MediaSearch |titel=Extension:MediaSearch |werk=mediawiki.org |sprache=en |abruf=2021-12-07}}&lt;/ref&gt;&lt;blockquote&gt;„With excitement we're sharing today that Vue.js is Wikimedia Foundation's official choice for adoption as future JavaScript framework for use with MediaWiki.“ Volker E. (WMF)&lt;ref&gt;https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/&lt;/ref&gt;&lt;/blockquote&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Siehe auch ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Siehe auch ==</div></td> </tr> </table> Ichigonokonoha https://de.wikipedia.org/w/index.php?title=Vue.js&diff=245935214&oldid=prev Simon04: Aktuelle Version von Wikidata, Version 2 entfernt (ohne Geschichte-Abschnitt fehlt der Kontext), Abschnitte SPA/SFC getrennt, div 2024-06-15T15:18:32Z <p>Aktuelle Version von Wikidata, Version 2 entfernt (ohne Geschichte-Abschnitt fehlt der Kontext), Abschnitte SPA/SFC getrennt, div</p> <a href="//de.wikipedia.org/w/index.php?title=Vue.js&amp;diff=245935214&amp;oldid=243311548">Änderungen zeigen</a> Simon04 https://de.wikipedia.org/w/index.php?title=Vue.js&diff=243311548&oldid=prev 79.238.26.138: /* Single File Components */SPA != SFC! SFCs sorgen für Modularität, bezeichnen jedoch nur das verfassen von Komponenten in .vue Dateien. SPAs hingegen bedeuten das Mounten einer einzigen Vue-Instanz in der dann navigiert wird und auch die Browser-Navigation beeinflusst wird. 2024-03-21T11:34:45Z <p><span class="autocomment">Single File Components: </span>SPA != SFC! SFCs sorgen für Modularität, bezeichnen jedoch nur das verfassen von Komponenten in .vue Dateien. SPAs hingegen bedeuten das Mounten einer einzigen Vue-Instanz in der dann navigiert wird und auch die Browser-Navigation beeinflusst wird.</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 21. März 2024, 13:34 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 116:</td> <td colspan="2" class="diff-lineno">Zeile 116:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Single File Components ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Single File Components ==</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Statt für jede Seite eine neue Vue-Instanz zu erstellen, kann auch durch sogenannte „Single <del style="font-weight: bold; text-decoration: none;">File</del> <del style="font-weight: bold; text-decoration: none;">Components“</del> eine einzige Instanz von Vue.js erstellt und auf <del style="font-weight: bold; text-decoration: none;">diese</del> <del style="font-weight: bold; text-decoration: none;">zugegriffen</del> werden. Dies bietet sich bei größeren Projekten an, wo eine Modularisierung notwendig sein kann. Innerhalb von Single File Components wird blockweise das HTML, CSS und JavaScript eingefügt.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Statt für jede Seite eine neue Vue-Instanz zu erstellen, kann auch durch sogenannte „Single <ins style="font-weight: bold; text-decoration: none;">Page Applications</ins> <ins style="font-weight: bold; text-decoration: none;">(SPA)“</ins> eine einzige Instanz von Vue.js erstellt und auf <ins style="font-weight: bold; text-decoration: none;">verschiedene</ins> <ins style="font-weight: bold; text-decoration: none;">Komponenten per Router-Modul navigiert</ins> werden. Dies bietet sich bei größeren Projekten an, wo eine Modularisierung notwendig sein kann. Innerhalb von<ins style="font-weight: bold; text-decoration: none;"> sog.</ins> Single File Components wird blockweise das HTML, CSS und JavaScript eingefügt<ins style="font-weight: bold; text-decoration: none;"> und damit innerhalb von einer Datei entworfen</ins>.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang="html" line="1"&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang="html" line="1"&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;template&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;template&gt;</div></td> </tr> </table> 79.238.26.138 https://de.wikipedia.org/w/index.php?title=Vue.js&diff=242383558&oldid=prev Ebukadneza: Wikidata in Infobox 2024-02-20T14:04:26Z <p>Wikidata in Infobox</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 20. Februar 2024, 16:04 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 13:</td> <td colspan="2" class="diff-lineno">Zeile 13:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[TypeScript]] (ab Version 3.0)</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[TypeScript]] (ab Version 3.0)</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Kategorie = [[Framework]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Kategorie = [[Framework]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Lizenz = <del style="font-weight: bold; text-decoration: none;">[[MIT</del>-<del style="font-weight: bold; text-decoration: none;">Lizenz]]</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Lizenz = <ins style="font-weight: bold; text-decoration: none;">&lt;!</ins>-<ins style="font-weight: bold; text-decoration: none;">- Wikidata --&gt;</ins></div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Deutsch = nein</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Deutsch = nein</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Website = <del style="font-weight: bold; text-decoration: none;">[https://vuejs.org/</del> <del style="font-weight: bold; text-decoration: none;">vuejs.org]</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Website = <ins style="font-weight: bold; text-decoration: none;">&lt;!--</ins> <ins style="font-weight: bold; text-decoration: none;">Wikidata --&gt;</ins></div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Ebukadneza https://de.wikipedia.org/w/index.php?title=Vue.js&diff=241206549&oldid=prev Zuse: Dezember 2023 ist vorbei 2024-01-15T15:24:03Z <p>Dezember 2023 ist vorbei</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. Januar 2024, 17:24 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 20:</td> <td colspan="2" class="diff-lineno">Zeile 20:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Vue.js''' (View, englische Aussprache [vjuː]) ist ein clientseitiges [[JavaScript]]-[[Webframework]] zum Erstellen von [[Single-Page-Webanwendung]]en nach dem [[Model View ViewModel|MVVM]]-Muster, es kann allerdings auch in Multipage-Webseiten für einzelne Abschnitte verwendet werden. Ab Version 2.0 unterstützt es auch serverseitiges Rendern.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/v2/guide/ssr.html |titel=Vue Guide: Server-Side Rendering |hrsg=github.com |datum=2017-02-01 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Vue.js''' (View, englische Aussprache [vjuː]) ist ein clientseitiges [[JavaScript]]-[[Webframework]] zum Erstellen von [[Single-Page-Webanwendung]]en nach dem [[Model View ViewModel|MVVM]]-Muster, es kann allerdings auch in Multipage-Webseiten für einzelne Abschnitte verwendet werden. Ab Version 2.0 unterstützt es auch serverseitiges Rendern.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/v2/guide/ssr.html |titel=Vue Guide: Server-Side Rendering |hrsg=github.com |datum=2017-02-01 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Neben der aktuellen Version Vue 3 wurde Vue 2 weiter gepflegt&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#what-s-the-difference-between-vue-2-and-vue-3 |titel=Frequently Asked Questions: What's the difference between Vue 2 and Vue 3? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;, diese Version <del style="font-weight: bold; text-decoration: none;">wird</del> aber zum 31. Dezember 2023&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#is-vue-2-still-supported |titel=Frequently Asked Questions: Is Vue 2 Still Supported? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt; seinen [[End of life|End-of-life Termin]] <del style="font-weight: bold; text-decoration: none;">erreichen</del>.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Neben der aktuellen Version Vue 3 wurde Vue 2 weiter gepflegt&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#what-s-the-difference-between-vue-2-and-vue-3 |titel=Frequently Asked Questions: What's the difference between Vue 2 and Vue 3? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;, diese Version <ins style="font-weight: bold; text-decoration: none;">hat</ins> aber zum 31. Dezember 2023&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#is-vue-2-still-supported |titel=Frequently Asked Questions: Is Vue 2 Still Supported? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt; seinen [[End of life|End-of-life Termin]] <ins style="font-weight: bold; text-decoration: none;">erreicht</ins>.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Konzept ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Konzept ==</div></td> </tr> </table> Zuse https://de.wikipedia.org/w/index.php?title=Vue.js&diff=241093602&oldid=prev Superyaro am 12. Januar 2024 um 14:28 Uhr 2024-01-12T14:28:51Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 12. Januar 2024, 16:28 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Software</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Software</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Name= </div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Name<ins style="font-weight: bold; text-decoration: none;"> </ins>= </div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Logo= [[Datei:Vue.js Logo 2.svg|100px|Vue.js Logo]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Logo<ins style="font-weight: bold; text-decoration: none;"> </ins>= [[Datei:Vue.js Logo 2.svg|100px|Vue.js Logo]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Screenshot= &lt;!-- Bildschirmfoto --&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Screenshot<ins style="font-weight: bold; text-decoration: none;"> </ins>= &lt;!-- Bildschirmfoto --&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Beschreibung= &lt;!-- Beschreibung des Bildschirmfotos --&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Beschreibung<ins style="font-weight: bold; text-decoration: none;"> </ins>= &lt;!-- Beschreibung des Bildschirmfotos --&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Maintainer= Evan You</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Maintainer<ins style="font-weight: bold; text-decoration: none;"> </ins>= Evan You</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Hersteller= Evan You, [[Online-Community]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Hersteller<ins style="font-weight: bold; text-decoration: none;"> </ins>= Evan You, [[Online-Community]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|AktuelleVersion= Vue 2: 2.7.<del style="font-weight: bold; text-decoration: none;">14</del> (<del style="font-weight: bold; text-decoration: none;">2022</del>-<del style="font-weight: bold; text-decoration: none;">11</del>-<del style="font-weight: bold; text-decoration: none;">09</del>)&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/vue/releases |titel="Github:vuejs/vue Releases" |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|AktuelleVersion<ins style="font-weight: bold; text-decoration: none;"> </ins>= Vue 2: 2.7.<ins style="font-weight: bold; text-decoration: none;">16</ins> (<ins style="font-weight: bold; text-decoration: none;">2023</ins>-<ins style="font-weight: bold; text-decoration: none;">12</ins>-<ins style="font-weight: bold; text-decoration: none;">24</ins>)&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/vue/releases |titel="Github:vuejs/vue Releases" |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vue 3: <del style="font-weight: bold; text-decoration: none;">3.</del>3.4 (<del style="font-weight: bold; text-decoration: none;">2023</del>-<del style="font-weight: bold; text-decoration: none;">05</del>-<del style="font-weight: bold; text-decoration: none;">18</del>)&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/core/releases |titel="Github:vuejs/core Releases" |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vue 3: 3.4<ins style="font-weight: bold; text-decoration: none;">.11</ins> (<ins style="font-weight: bold; text-decoration: none;">2024</ins>-<ins style="font-weight: bold; text-decoration: none;">01</ins>-<ins style="font-weight: bold; text-decoration: none;">12</ins>)&lt;ref&gt;{{Internetquelle |url=https://github.com/vuejs/core/releases |titel="Github:vuejs/core Releases" |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Erscheinungsjahr= &lt;!-- Wikidta --&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Erscheinungsjahr<ins style="font-weight: bold; text-decoration: none;"> </ins>= &lt;!-- Wikidta --&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Programmiersprache= [[JavaScript]] (bis Version 2.6)</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Programmiersprache<ins style="font-weight: bold; text-decoration: none;"> </ins>= [[JavaScript]] (bis Version 2.6)</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[TypeScript]] (ab Version 3.0)</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[TypeScript]] (ab Version 3.0)</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Kategorie= [[Framework]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Kategorie<ins style="font-weight: bold; text-decoration: none;"> </ins>= [[Framework]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Lizenz= [[MIT-Lizenz]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Lizenz<ins style="font-weight: bold; text-decoration: none;"> </ins>= [[MIT-Lizenz]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Deutsch= nein</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Deutsch<ins style="font-weight: bold; text-decoration: none;"> </ins>= nein</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Website= [https://vuejs.org/ vuejs.org]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Website<ins style="font-weight: bold; text-decoration: none;"> </ins>= [https://vuejs.org/ vuejs.org]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Superyaro https://de.wikipedia.org/w/index.php?title=Vue.js&diff=239962751&oldid=prev TabellenBot: 1x externen Link aus Vorlage:Internetquelle entfernt (hrsg=https://github.com/vuejs/vuejs.org ). 2023-12-07T15:34:31Z <p>1x externen Link aus <a href="/wiki/Vorlage:Internetquelle" title="Vorlage:Internetquelle">Vorlage:Internetquelle</a> entfernt (hrsg=https://github.com/vuejs/vuejs.org ).</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 7. Dezember 2023, 17:34 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 17:</td> <td colspan="2" class="diff-lineno">Zeile 17:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Vue.js''' (View, englische Aussprache [vjuː]) ist ein clientseitiges [[JavaScript]]-[[Webframework]] zum Erstellen von [[Single-Page-Webanwendung]]en nach dem [[Model View ViewModel|MVVM]]-Muster, es kann allerdings auch in Multipage-Webseiten für einzelne Abschnitte verwendet werden. Ab Version 2.0 unterstützt es auch serverseitiges Rendern.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/v2/guide/ssr.html |titel=Vue Guide: Server-Side Rendering |hrsg=<del style="font-weight: bold; text-decoration: none;">https://</del>github.com<del style="font-weight: bold; text-decoration: none;">/vuejs/vuejs.org</del> |datum=2017-02-01 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Vue.js''' (View, englische Aussprache [vjuː]) ist ein clientseitiges [[JavaScript]]-[[Webframework]] zum Erstellen von [[Single-Page-Webanwendung]]en nach dem [[Model View ViewModel|MVVM]]-Muster, es kann allerdings auch in Multipage-Webseiten für einzelne Abschnitte verwendet werden. Ab Version 2.0 unterstützt es auch serverseitiges Rendern.&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/v2/guide/ssr.html |titel=Vue Guide: Server-Side Rendering |hrsg=github.com |datum=2017-02-01 |sprache=en |abruf=2017-02-17}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Neben der aktuellen Version Vue 3 wurde Vue 2 weiter gepflegt&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#what-s-the-difference-between-vue-2-and-vue-3 |titel=Frequently Asked Questions: What's the difference between Vue 2 and Vue 3? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;, diese Version wird aber zum 31. Dezember 2023&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#is-vue-2-still-supported |titel=Frequently Asked Questions: Is Vue 2 Still Supported? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt; seinen [[End of life|End-of-life Termin]] erreichen.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Neben der aktuellen Version Vue 3 wurde Vue 2 weiter gepflegt&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#what-s-the-difference-between-vue-2-and-vue-3 |titel=Frequently Asked Questions: What's the difference between Vue 2 and Vue 3? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt;, diese Version wird aber zum 31. Dezember 2023&lt;ref&gt;{{Internetquelle |autor=Evan You |url=https://vuejs.org/about/faq.html#is-vue-2-still-supported |titel=Frequently Asked Questions: Is Vue 2 Still Supported? |sprache=en |abruf=2023-06-13}}&lt;/ref&gt; seinen [[End of life|End-of-life Termin]] erreichen.</div></td> </tr> </table> TabellenBot