兄弟组件之间利用vuex传值

兄弟组件之间利用vuex传值

store.js文件

import Vue from 'vue'  
import Vuex from 'vuex'  
Vue.use(Vuex)  
  
export default new Vuex.Store({  
  state:{  
      queryId: '',
  },  
  mutations:{  
    save_queryId(state, queryId) {  
        state.queryId = queryId
    }
  }
})  

mian.js

import Vue from 'vue'
import App from './App.vue'
import store from './store'

new Vue({
    router,
    store,
    render: h => h(App)
  }).$mount('#app')

a.vue传值

this.$store.commit("save_queryId",queryId)

B.vue接受

// 方法1
import { mapState } from 'vuex';
export default {
  computed: {
    ...mapState(['queryId'])
  },
  watch:{
    queryId(val){
      console.log(this.num)
    }
  }
// 方法2
let queryId =  this.$store.state.queryId;