[{"data":1,"prerenderedAt":104},["ShallowReactive",2],{"site-info":3,"\u002Fwriting\u002Fhow-to-manage-state-in-a-vue-js-application-with-vuex":55},{"id":4,"title":5,"baseTitle":6,"body":7,"city":14,"description":11,"extension":15,"firstName":16,"lastName":17,"meta":18,"navigation":19,"path":35,"resumeUrl":36,"role":37,"seo":38,"socialLinks":39,"state":52,"stem":53,"__hash__":54},"siteInfo\u002Fsite-information.md","Site Information","| Front-End Software Engineer | Cincinnati, OH",{"type":8,"value":9,"toc":10},"minimark",[],{"title":11,"searchDepth":12,"depth":12,"links":13},"",2,[],"Cincinnati","md","Dave","Berning",{},[20,23,26,29,32],{"name":21,"to":22},"About","\u002Fabout",{"name":24,"to":25},"Work","\u002Fwork",{"name":27,"to":28},"Writing","\u002Fwriting",{"name":30,"to":31},"Endorsements","\u002Fendorsements",{"name":33,"to":34},"Contact","\u002Fcontact","\u002Fsite-information","\u002Fresume","Front-End Software Engineer",{"description":11},[40,44,48],{"label":41,"href":42,"icon":43},"LinkedIn","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdavidberning\u002F","simple-icons:linkedin",{"label":45,"href":46,"icon":47},"GitHub","https:\u002F\u002Fgithub.com\u002Fdaveberning","simple-icons:github",{"label":49,"href":50,"icon":51},"Email","mailto:hello@daveberning.io","lucide:mail","OH","site-information","Riwsk3KNMBr9V9OmxgoWlnFymJ_mfMFTDiaiIADNjUo",{"id":56,"title":57,"body":58,"category":85,"description":86,"extension":15,"externalUrl":87,"featuredImage":88,"meta":89,"navigation":90,"path":91,"platform":92,"publishedAt":93,"readingTime":94,"seo":95,"status":96,"stem":97,"tags":98,"updatedAt":11,"__hash__":103},"writing\u002Fwriting\u002Fhow-to-manage-state-in-a-vue-js-application-with-vuex.md","How To Manage State in a Vue.js Application with Vuex",{"type":8,"value":59,"toc":83},[60,69,76],[61,62,63,64,68],"p",{},"This ",[65,66,67],"strong",{},"Vuex state management tutorial"," is a practical walkthrough of how to manage shared data in a growing Vue.js application. Using a favorites-based example, it explains the single source of truth pattern and shows how Vuex helps keep application state predictable as more components need access to the same data.",[61,70,71,72,75],{},"The tutorial covers installing Vuex, creating a store, and wiring up ",[65,73,74],{},"actions, mutations, getters, and modules"," so state changes stay organized and traceable. Instead of passing props through multiple layers or juggling duplicated state, the article shows how a structured Vuex store can simplify data flow across the app.",[61,77,78,79,82],{},"For developers comparing local component state versus a centralized store, this article gives a strong introduction to ",[65,80,81],{},"Vuex, state management, reusable store architecture, and scalable Vue application design",".",{"title":11,"searchDepth":12,"depth":12,"links":84},[],"Tutorial","Learn how to manage state in Vue.js with Vuex using stores, actions, mutations, and modules to build predictable, scalable front-end applications.","https:\u002F\u002Fwww.digitalocean.com\u002Fcommunity\u002Ftutorials\u002Fhow-to-manage-state-in-a-vue-js-application-with-vuex","\u002Fwriting\u002Fvuejs.webp",{},true,"\u002Fwriting\u002Fhow-to-manage-state-in-a-vue-js-application-with-vuex","DigitalOcean","2021-09-30",6,{"title":57,"description":86},"published","writing\u002Fhow-to-manage-state-in-a-vue-js-application-with-vuex",[99,100,101,102],"JavaScript","Vue","Vuex","State Management","qAWZGNp2viZY3UfBPkak2sukSGu9zgkBqZpt0bp8CzI",1775364556977]