Vue2 call a method of other component [closed]

Question

I have a method: openMenu() in component A.

I want to call this method in component B.

There are $root, Event bus, and Vuex, what should I do in this case?

What is the best practice?

Answer 1

you can use the emit.

in the component A:

mounted() {
 this.$root.$on("callMyMethod", () => {
   this.myMethod();
 });
},
methods: {
  myMethod() {
    // do something
  },
},

and in the component B:

methods: {
 doSomething() {
    this.$root.$emit("callMyMethod");
  },
},