vuex的求和案例

首先需要搭建好vuex的环境，需要让每个组件都能够看见store。

在组件中倘若没有相关的条件限制的话，直接调用mutation，如果有条件的话先调用dispatch，再在main.js中的action中明确相关的条件限制。

state:仓库存储数据的地方

mutations：修改state的唯一手段

action:处理action，可以书写自己的业务逻辑，也可以异步处理

getters：可以理解为计算属性，同于简化仓库数据，让组件获取仓库的数据更加方便

main.js中的代码

/* 
该文件是整个项目的入口文件
*/
//引入Vue
import Vue from 'vue'
//引入App组件，它是所有组件的父组件
import App from './App.vue'

// 引入插件
import vueResource from 'vue-resource'
// 引入store
import store from './store/index'
//关闭Vue的生产提示
Vue.config.productionTip = false
//使用插件
Vue.use(vueResource)


//创建vue实例对象---vm
 new Vue({
   el:'#app',
  render:h => h(App),
  store:store,
  beforeCreate(){
    Vue.prototype.$bus=t