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 20

Instanzeigenschaften

In diesem Kapitel werden alle Eigenschaften aufgeführt, auf die über die Objekte von Vue (Vue-Instanzen oder instanziierte Components) zugegriffen werden kann.

vm.$data

Typ: Object

Das Datenobjekt, das von der Vue-Instanz observiert wird. Die Vue-Instanz ist bei allen Zugriffen auf Attribute des Datenobjekts zwischengeschaltet.

vm.$props

Typ: Object

Ein Objekt, das alle aktuellen Props enthält, die der Component übergeben wurden. Die Vue-Instanz ist bei allen Zugriffen auf Attribute des Props-Objekts zwischengeschaltet.