父子组件传值方法

 <Invitation ref="dialog" />

this.$refs.dialog.visible=true;

<Invitation v-bind:visible="dialogVisible" @getData="getdata" />

props: ["visible"]

this.$emit("getData", this.data1);

<Invitation v-bind:visible="dialogVisible" @getData="getdata" />

getdata(val) {
    console.log(val);
},

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
    state: {
        userid:'',      // 最后获取的变量名
        usertype:'',
    },
    getters: {          // 一般不用
        getinfo(state){
            return state.userid;
        }
    },
    mutations: {        // getUserid就是值来源处定义的方法，id是随便定义的一个变量去接收对应的值
        getUserid(state,id){
            state.userid = id;
        },
    },
    actions: {
    },
    modules: {
    }
})

// 默认已经引入
import store from './store'
new Vue({
    store,
}).$mount('#app')

this.$store.commit("getUserid", this.userid);  
// getUserid表示方法名，在第一步调用;
// this.userid表示需要传递的值

<script>
    import { mapState } from "vuex";
    export default {
        computed: {
            ...mapState(["userid"]),    // userid是store/index.js的state里面定义的变量名
        },
        created() {
            console.log(111, this.userid);
        },
    };
</script>

// 建立中转站
let bus = new Vue();
Vue.prototype.bus = bus;

this.bus.$emit("getData", this.data1);

this.bus.$on("getData",function(val){
    console.log(val);
})