Vue.js kurz & gut

Vue.js kurz & gut

by Lars Peterke
Released February 2019
Publisher(s): dpunkt
ISBN: 9783960090922

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

Das Open-Source-Projekt Vue.js hat sich zu einem der populärsten JavaScript-Frameworks für das Erstellen von Benutzeroberflächen entwickelt. Der Kern von Vue.js konzentriert sich auf den View-Layer einer Webanwendung und ist daher besonders performant und schlank. Durch viele verfügbare Erweiterungen kann Vue.js aber auch als vollumfängliches Web Application Framework genutzt werden, mit dem auch komplexe Single-Page-Anwendungen möglich sind.Mit diesem Buch erhalten Entwickler einen kompakten und schnellen Überblick über den Funktionsumfang von Vue.js. Es behandelt unter anderem: die Grundlagen von Vue.js, Vue Components sowie alle Aspekte der Vue-API. Trotz seines kompakten Formats deckt das Taschenbuch viele weitere Themen ab, die für Entwickler relevant sind, wie die Umsetzung komplexerer Vue-Projekte mit Vue CLI, Single File Components und Transitions.

Table of contents

  1. Cover
  2. Titel
  3. Impressum
  4. Inhalt
  5. Vorwort
  6. Teil I: Vue-Grundlagen
    1. 1 Einführung
    2. 2 Die Vue-Instanz
    3. Daten und Funktionen
    4. Lifecycle-Hooks
    5. 3 Templates
    6. Interpolationen
    7. Direktiven
    8. 4 Computed Properties und Watchers
    9. Computed Properties oder Funktionen?
    10. Computed Setter
    11. Watchers
    12. 5 Klassen und Styles verknüpfen
    13. CSS-Klassen verknüpfen
    14. Styles verknüpfen
    15. 6 Bedingtes Rendering mit v-if
    16. Gruppierung via <template>
    17. Kontrolle des Renderings mit key
    18. v-show
    19. 7 Iteratives Rendering mit v-for
    20. v-for mit key
    21. Änderungen von Arrays und Objekten
    22. Anzeige sortierter oder gefilterter Daten
    23. 8 Event-Handling
    24. Event-Modifizierer
    25. Modifizierer für Tasten- und Mausevents
    26. 9 Formulareingaben mit v-model
    27. Input (Text)
    28. Textarea
    29. Checkbox
    30. Radio
    31. Select
    32. Value Bindings
    33. Die Modifizierer .lazy, .number und .trim
  7. Teil II: Webentwicklung mit Vue
    1. 10 Components
    2. Components registrieren
    3. Props
    4. Benutzerdefinierte Events
    5. v-model mit Components
    6. Slots
    7. Dynamische Components
    8. Asynchrone Components
    9. 11 Übergänge mit <transition>
    10. Klassen für Übergänge
    11. CSS-Transitions
    12. CSS-Animations
    13. Übergänge und Animationen kombinieren
    14. Explizite Dauer für Übergänge
    15. JavaScript-Hooks
    16. Übergänge bei erstmaligem Rendering
    17. Übergänge zwischen zwei Elementen
    18. Übergänge zwischen Components
    19. Übergänge für Listen mit <transition-group>
    20. 12 Mixins
    21. 13 Filter
    22. 14 Renderfunktionen
    23. Über Nodes und VNodes
    24. 15 Projekte mit Vue CLI
    25. Projekt-Setup
    26. Konfiguration
    27. Schnelles Prototyping
    28. 16 Single File Components
    29. Aufbau von Vue-Dateien
    30. Hot Reloading
  8. Teil III: Vue-API
    1. 17 Globale Konfiguration
    2. silent
    3. optionMergeStrategies
    4. devtools
    5. errorHandler
    6. warnHandler
    7. ignoredElements
    8. keyCodes
    9. performance
    10. productionTip
    11. 18 Globale API
    12. Vue.extend
    13. Vue.nextTick
    14. Vue.set
    15. Vue.delete
    16. Vue.directive
    17. Vue.filter
    18. Vue.component
    19. Vue.use
    20. Vue.mixin
    21. Vue.compile
    22. Vue.version
    23. 19 Optionsattribute
    24. Daten
    25. data
    26. props
    27. propsData
    28. computed
    29. methods
    30. watch
    31. DOM
    32. el
    33. template
    34. render
    35. renderError
    36. Lifecycle-Hooks
    37. created
    38. beforeMount
    39. mounted
    40. beforeUpdate
    41. updated
    42. activated
    43. deactivated
    44. beforeDestroy
    45. destroyed
    46. errorCaptured
    47. Assets
    48. directives
    49. filters
    50. components
    51. Composition
    52. parent
    53. mixins
    54. extends
    55. Verschiedenes
    56. name
    57. delimiters
    58. functional
    59. model
    60. inheritAttrs
    61. comments
    62. 20 Instanzeigenschaften
    63. vm.$data
    64. vm.$props
    65. vm.$el
    66. vm.$options
    67. vm.$parent
    68. vm.$root
    69. vm.$children
    70. vm.$slots
    71. vm.$scopedSlots
    72. vm.$refs
    73. vm.$isServer
    74. vm.$attrs
    75. vm.$listeners
    76. 21 Instanzfunktionen
    77. Data
    78. vm.$watch
    79. vm.$set
    80. vm.$delete
    81. Events
    82. vm.$on
    83. vm.$once
    84. vm.$off
    85. vm.$emit
    86. Lifecycle
    87. vm.$mount
    88. vm.$forceUpdate
    89. vm.$nextTick
    90. vm.$destroy
    91. 22 Direktiven
    92. v-text
    93. v-html
    94. v-show
    95. v-if
    96. v-else
    97. v-else-if
    98. v-for
    99. v-on
    100. v-bind
    101. v-model
    102. v-pre
    103. v-cloak
    104. v-once
    105. 23 Spezielle Attribute
    106. key
    107. ref
    108. slot
    109. slot-scope
    110. is
    111. 24 Vordefinierte Components
    112. component
    113. transition
    114. transition-group
    115. keep-alive
    116. slot
  9. Teil IV: Tägliches Arbeiten mit Vue
    1. 25 Weiterführende Inhalte
    2. Styleguide
    3. Vue Cookbook
    4. Auf dem Laufenden bleiben
    5. Hilfe und Tipps aus der Community
    6. 26 Zusätzliche Tools und Pakete
    7. Vue CLI
    8. Vue Devtools
    9. Vue Loader
    10. Routing mit Vue Router
    11. State Management mit Vuex
    12. Serverseitiges Rendering
    13. 27 Typische Probleme und Lösungen
    14. Globale Components automatisch registrieren
    15. Fremdbibliotheken für Templates bereitstellen
    16. Funktionale Components für Übergänge
    17. Sonderfälle beim Entwurf von Components
    18. Dependency Injection mit Components
    19. Modals mit Portals fehlerfrei darstellen
    20. Simple Kommunikation via Event-Bus
    21. Globale Styles für Components bereitstellen
    22. Anbindung externer Interfaces mit Axios
    23. Sonderfälle beim reaktiven Data Binding
    24. Inline-Templates klug einsetzen
  10. Index
  11. Über den Autor

Product information

  • Title: Vue.js kurz & gut
  • Author(s): Lars Peterke
  • Release date: February 2019
  • Publisher(s): dpunkt
  • ISBN: 9783960090922