Vue and Vuex: Structure your app with centralized state management
summary
Claims that Vue.js rivals React on popularity and that Vue-CLI makes scalable projects simple, then shows concrete examples: a working product list + product detail app, a copy-on-edit disconnect using a watch to avoid mutating parent state, router wildcards and query usage, and a Vuex store with count, mutations, actions, payloads and modules. Tests run with unit mounts and E2E via Cypress and Nightwatch. Demos compile and interact live so the patterns actually work.
AI-written summary · about
chapters (34)
- 0:00Start
- 2:20Basics
- 3:04Hello World Application
- 4:33Structural Directives
- 5:46Conditional Rending
- 6:21Form Controls
- 6:58Checkbox
- 8:28Methods
- 9:48Components
- 10:07Creating a Global Component
- 10:26Component Definition
- 11:20The Matryoshka Model
- 12:16Cli
- 14:04Child Components
- 15:11Input and Output
- 16:17Validation
- 20:26Output
- 27:26Routing
- 29:16Element Router Link
- 29:32Wild Cards
- 31:02Query Parameters
- 33:13Programmatic Routing
- 33:51Viewports
- 34:06Multiple Viewports
- 36:42Do a Unit Test
- 37:41Input Props
- 38:26Events
- 38:57Trigger a Click Event
- 40:50Write to the Input Field
- 42:17State Management
- 43:00Instantiate the Store
- 43:22Computed Property
- 43:45Mutations
- 45:17Actions
