MuchaDev ist eine gemeinnützige Webseite, welche Tutorials bezüglich Webentwicklung, Hybridentwicklung, Desktopentwicklung und Spieleentwicklung mit verschiedenen Frameworks veröffentlicht. Darüber hinaus werden auch eigene Projekte veröffentlicht.
Vue WebComponent mit Vue Cli erstellen
erstellt: 17.04.2019
Mit der Vue Cli v3.x lässt sich eine vorhandene Vue Component sehr schnell eine WebComponent erstellen.
Die Directive v-slot erlaubt nicht nur das Platzieren von Content, sondern auch das Bereitstellen eines individuellen Templates für Iterations-Elemente.
Ein Mixin ist ein wiederverwendbarer Schnipsel für Components und kann alle Optionen enthalten, die einer Component zugewiesen werden können.
Beim Extend eines Mixin werden alle Optionen zusammengeführt (merged).
Custom Form Control mittels ngModel als ngModelCtrl für AngularJs erstellen.
Durch ngModelCtrl lassen sich $viewValue und $modelValue individuell zuweisen.
Async und await kann in AngularJs nur in Verbindung mit $scope verwendet werden, damit Änderungen im View aktualisiert werden.
Durch die Zuweisung von $q dem window.Promise Object wird intern $q verwendet.
Einfaches individuelles Vuejs JSX Starter Template, welches @vue/babel-preset-jsx in der Version 1.0.0 nutzt.
Das Template demonstriert einen einfachen Start um JSX und nicht-JSX Components zu verwenden.
Im folgenden wird erläutert wie in AngularJs eine custom Child Reference hergestellt wird.
Hier wird wie in React oder Preact ebenfalls mit einem Callback gearbeitet um ein ViewChild wie Angular2+ zu realisieren.