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

KAPITEL 25

Weiterführende Inhalte

Ein Buch der Reihe »kurz & gut« kann zwar ein kompakter und hilfreicher Begleiter im Alltag sein, niemals jedoch ein komplettes Kompendium.

Die erste Anlaufstelle sollte daher immer die offizielle Dokumentation von Vue unter https://vuejs.org/v2/guide/ sein. Darin finden sich einige zusätzliche Themen, die aus Platzgründen nicht in diesem Buch erwähnt werden konnten. Dies sind Themen wie globale Mixins, Plug-ins oder benutzerdefinierte Direktiven – alles nützliche Bestandteile, etwa wenn man seine erste eigene Erweiterung für Vue schreiben möchte.

Es lohnt sich ebenfalls, die in diesem Buch behandelten Themen in der offiziellen Dokumentation nachzulesen. Das Thema Übergangseffekte etwa kann im Browser wesentlich ...