book

Vue.js kurz & gut

by Lars Peterke

February 2019

Intermediate to advanced

216 pages

2h 55m

German

dpunkt

Read now

Unlock full access

Daten und FunktionenLifecycle-Hooks
InterpolationenDirektiven
Computed Properties oder Funktionen?Computed SetterWatchers

CSS-Klassen verknüpfenStyles verknüpfen
Gruppierung via <template>Kontrolle des Renderings mit keyv-show
v-for mit keyÄnderungen von Arrays und ObjektenAnzeige sortierter oder gefilterter Daten
Event-ModifiziererModifizierer für Tasten- und Mausevents
Input (Text)TextareaCheckboxRadioSelectValue BindingsDie Modifizierer .lazy, .number und .trim
Components registrierenPropsBenutzerdefinierte Eventsv-model mit ComponentsSlotsDynamische ComponentsAsynchrone Components
Klassen für ÜbergängeCSS-TransitionsCSS-AnimationsÜbergänge und Animationen kombinierenExplizite Dauer für ÜbergängeJavaScript-HooksÜbergänge bei erstmaligem RenderingÜbergänge zwischen zwei ElementenÜbergänge zwischen ComponentsÜbergänge für Listen mit <transition-group>
Über Nodes und VNodes
Projekt-SetupKonfigurationSchnelles Prototyping
Aufbau von Vue-DateienHot Reloading
silentoptionMergeStrategiesdevtoolserrorHandlerwarnHandlerignoredElementskeyCodesperformanceproductionTip
Vue.extendVue.nextTickVue.setVue.deleteVue.directiveVue.filterVue.componentVue.useVue.mixinVue.compileVue.version
DatendatapropspropsDatacomputedmethodswatchDOMeltemplaterenderrenderErrorLifecycle-HookscreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroyederrorCapturedAssetsdirectivesfilterscomponentsCompositionparentmixinsextendsVerschiedenesnamedelimitersfunctionalmodelinheritAttrscomments
vm.$datavm.$propsvm.$elvm.$optionsvm.$parentvm.$rootvm.$childrenvm.$slotsvm.$scopedSlotsvm.$refsvm.$isServervm.$attrsvm.$listeners
Datavm.$watchvm.$setvm.$deleteEventsvm.$onvm.$oncevm.$offvm.$emitLifecyclevm.$mountvm.$forceUpdatevm.$nextTickvm.$destroy
v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-prev-cloakv-once
keyrefslotslot-scopeis
componenttransitiontransition-groupkeep-aliveslot
StyleguideVue CookbookAuf dem Laufenden bleibenHilfe und Tipps aus der Community
Vue CLIVue DevtoolsVue LoaderRouting mit Vue RouterState Management mit VuexServerseitiges Rendering
Globale Components automatisch registrierenFremdbibliotheken für Templates bereitstellenFunktionale Components für ÜbergängeSonderfälle beim Entwurf von ComponentsDependency Injection mit ComponentsModals mit Portals fehlerfrei darstellenSimple Kommunikation via Event-BusGlobale Styles für Components bereitstellenAnbindung externer Interfaces mit AxiosSonderfälle beim reaktiven Data BindingInline-Templates klug einsetzen

Content preview from Vue.js kurz & gut

TEIL IV

Tägliches Arbeiten mit Vue

Glückwunsch! Wenn Sie hier gelandet sind, haben Sie sich vermutlich mit allen wichtigen Funktionen von Vue ausführlich vertraut gemacht!

Dennoch werden Sie feststellen, dass es bei der täglichen Arbeit immer wieder kleinere Stolpersteine, Sonderfälle oder gar Glaubensfragen geben kann, etwa beim Entwurf wirklich flexibler Vue-Components.

Dieser Teil des Buchs soll Ihnen zum Abschluss ein paar Hilfestellungen geben. Er beschreibt Lösungsansätze für einige gängige Probleme und zeigt auf, wo Sie hilfreiches Material zu bestimmten Themen finden.

Bitte verstehen Sie die Beispiele in diesem Teil als eine Art Anregung. Nutzen Sie die nachfolgenden Inhalte also als erste Orientierung zur weiterführenden Recherche der ...