Vue js in Practice: Hybridizing Objects and Functions
summary
Practical recipe for making object-oriented models fully reactive in Vue: construct template-free unmounted Vue components to hold model state, connect them to Vuex for constrained mutations and mutation logging, and expose model fields via computed getter/setters so templates read and write through the store. Adds a tiny partial-application helper to generate computed wrappers for utility functions. Produces traceable, production-friendly reactivity that preserves encapsulation and integrates with Vuex.
AI-written summary · about
chapters (11)
- 0:00Introduction to Vue.js
- 1:49Vue.js basics overview
- 3:35Computed properties and methods
- 5:01Two-way data-binding reconsidered
- 7:57Demo: Using Vuex store
- 10:19Derived properties and utility functions
- 13:07Partial application technique
- 15:38Data encapsulation in templates
- 17:04Hybridizing objects and functions
- 19:38Combining paradigms effectively
- 21:45Embracing practical approaches
related talks
35mMaking Vue with Vue
49mVue and Vuex: Structure your app with centralized state management
21mModern State Management with Vue 3
37mThe Importance of State Management in Vue
48mVueX: Vue.js applications at scale
25mHow to stay sane while managing complex state, in Vue js
22mYou might not need Vuex
26mVuex Modules in practice