如何将Ajax的请求的结果存储到Vuex中呢？

首先我们来了解一下什么是vuex ，vuex的作用是什么？

vuex是一种组件通信解决方案，也就是我们经常说的兄弟通信，它的主要作用就是实现多个组件共享状态（数据）

那么在我们实际开发中，我们经常会在不同组件去用到相同的数据，这时候如果我们去发送Ajax请求时，我们要去存储请求的结果，以及当我们修改这个结果时需要同步更新到其他的组件的时候,我们该怎么去操作呢?

举个栗子！在我们做商城项目的时候，我们会去对购物车中物品的数量进行加减操作，这时候这个数据肯定是要同步到服务器的，我们这个时候就可以使用vuex来进行更nice的操作啦！

当我们点击按钮的时候，首先我们先通过dispatch的方法去触发actions，在actions里面发送请求，请求结果达到后，在通过commit触发mutations，来修改state数据，而，state的数据是响应式的，所以凡是用到state数据的组件都会自动更新，同时，如果不涉及到异步操作的话，我们是可以直接用commit触发mutations去修改state数据的哦！

上图让大家可以更加详细的了解到！

 

 希望大家可以理解哦！