Как получить доступ к методу компонента vue из другого приложения?

Question

У меня есть этот код, который отлично работает в чистом html / javascript, но не в vuejs. У меня есть эта функция с именем myMethod (). При отладке в консоли javascript я могу получить к ней доступ следующим образом: myMethod ("toto"). Но в vuejs он доступен только так: $ vm0.myMethod ("toto").

Мне абсолютно необходимо, чтобы он был доступен следующим образом: myMethod ("toto").

Это вообще возможно в vue?

Заранее спасибо.

Answer 1

Для отношений не родитель-потомок, то же самое, что и это.Вызовите один метод, по-видимому, любой метод компонента из любого другого компонента.Просто добавьте функцию $on к экземпляру $root и вызовите форму любого другого компонента, который обращается к $root и вызывает функцию $emit.

On Первый компонент

    ....
    mounted() {
        this.$root.$on('component1', () => {
            // your code goes here
            this.c1method()
        }
    }

, а во втором компоненте вызывается функция $emit в $root

    ...
    c2method: function(){
     this.$root.$emit('component1') //like this
    },

Он действует больше как сокет.Ссылка здесь

https://stackoverflow.com/a/50343039/6090215