vuex的基本使用

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则 保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 为什么使用状态管理？整站开发会有很多数据和状态，整站也是由很多组件拼成的，每个组件之间会共享一些状态，比如用户的登 录状态，或者是购物车（购物车在头部用到，页面里用到了，其他地方用到，其中一个地方改动，其他地方要同步更新，直接的就是通 过事件(wacth/copnuter触发)更新，事件传到另一组件。缺点：当状态非常复杂，调用组件非常多，我们要挨个通知组件进行更新，这 样会变得非常复杂）。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。我们经常会采 用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致无法维护的代码 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件