Sibling components carry out value transfer (there is a sequence displayed)

In development, we will encounter two brother components , After the elder brother finished the execution, the younger brother showed , Brother hides , In this case, we need to reconsider the order of execution

such as

New middleware ,bus.js, Let all brothers share the same value passing event mechanism .

import Vue from 'vue'
export default new Vue

stay child_1.vue（ brother ） In the component , The binding event

import Bus from "@/utils/bus.js"

mounted() {
    Bus.$on('getMergeId', this.getMergeId)
},
methods: {
    getMergeId(callback) {
        if (callback) callback(this.id);
    },
}

stay child_2.vue（ Younger brother ） In the component , Trigger event to get value

import Bus from "@/utils/bus.js"

Bus.$emit("getMergeId", id => {
    this.id = id
});

Then you can get the brother component in the brother component data Worth it