需求：在首页（index.vue）调用了组件A(componentA.vue)，和组件B(componentB.vue)，想通过主键B的点击事件，触发组件A的事件

步骤：

1.先安装vuex,执行 npm install vuex --save代码，安装vuex

2.在main.js文件中导入vuex，代码如下：

import Vue from 'vue'import App from './App'import router from './router'import vuex from 'vuex'Vue.config.productionTip = falseVue.use(vuex)/* eslint-disable no-new */new Vue({  el: '#app',  router,  components: { App },  template: '
     '})

3.在根目录下创建文件夹：vuex,然后添加store.js文件，store.js文件代码如下：

import vue from 'vue'import Vuex from 'vuex'vue.use(Vuex)const state={    count:1}const mutations={    add(state){        state.count++;    }}export default new Vuex.Store({    state,mutations})

4.在index.vue中引用A组件和B组件，代码如下：

5.组件A代码：

描红部分注意，监听状态的方式和监听其他变量和方法的方式有点不一样，代码：

'$store.state.count':function(val){         this.watchstore();      }

6.组件B代码如下：

以上步骤就可以达到使用组件B的点击事件控制组件A的内部方法的效果，vuex的细节应用，我们下次具体讨论，本次关键点在于A组件的监听。