Communicating Between Components
summary
A small app for a dog named Nugget demonstrates concrete patterns and outcomes: props and custom update event pass checkbox state parent↔child, a modal uses slots for layout and scoped slots binding status to expose pending error and results, a shared notifications instance acts as an event bus emitting "add" across routes, Vuex becomes a global store giving every component access without imports, and Vue.observable (since 2.6) provides a tiny reactive store; the pieces are wired and functional.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 0:30Props / Events
- 1:53Slots
- 2:38Scoped Slots
- 4:08Event Bus
- 5:35Global Store (Vuex)
- 7:08Vue.Observable
related talks
25mHow to stay sane while managing complex state, in Vue js
37mThe Importance of State Management in Vue
56mIntroducing Vuex in your project
49mVue and Vuex: Structure your app with centralized state management
48mVUE3 & Pinia A Better Pattern for Global State Management
24mVue js in Practice: Hybridizing Objects and Functions
22mYou might not need Vuex
32m6 App building patterns your Seniors didn't want to know