Wie greife ich auf eine externe Vue3-Instanz zu, um Funktionen aufzurufen?

Question

Wie greife ich auf eine Vue 3-Instanz zu, wenn ich den Namen der Variablen, die die Instanz speichert, nicht kenne? Ich muss eine Funktion von einer bestimmten Komponente aus aufrufen.

Beim Eingeben von $0.__vue_app__ in der Konsole (Chrome Developer Tools) sehe ich die Daten der Instanz, aber wie verwende ich sie im Code innerhalb der JS-Datei?

console.log($0) ist natürlich undefiniert.

Welchen Weg kann ich nehmen, um hierher zu gelangen?

Answer 1

一种选择是在<中使用worker代码>mounted()如：

methods: {
    myFunction(){
        console.log('It works!');
    }
},
mounted() {
    window["myWorker"] = new Worker("./myWorker.js");

    window["myWorker"].onmessage = function(event) {
        if (event && event.data === 'run_my_function') {
            this.myFunction();
        }
    }
}

在myWorker.js中你可以这样做：

this.postMessage('run_my_function');