在组件中，我们一般通过dispatch来触发actions里面的异步事件进行异步操作，一般使用计算属性来获取state中的数据，之所以使用计算属性，是因为状态管理里的数据可能是变化的，因此我们希望它在页面中是响应式的，因此我们选择使用计算属性来对数据进行依赖的绑定。
具体代码如下：
computed:{ list(){ if(this.$store.state.lists){ return this.$store.state.lists } return false } }, created(){ if (!this.list){ //防止在新增地址或修改地址后多次触发mutations中的init this.$store.dispatch('getList') } }
总之，vuex中状态管理的过程可总结为以下流程：
（1）.通过dispatch(actionFnName)分发来触发actions中的异步操作=>
（2）.待异步操作结束之后通过commit(mutationsFnName,data)来触发mutations中的同步事件来进行同步操作=>
（3）.通过同步操作改变state中的数据的状态=>
（4）.状态改变后，组件中的计算属性因为绑定了该数据作为依赖，因此数据的改变会响应式地展示在页面中，即页面展示的数据也会得到同步的改变