Comment accéder à une instance Vue3 externe pour appeler des fonctions ?

Question

Comment accéder à une instance Vue 3 si je ne connais pas le nom de la variable qui stocke l'instance ? J'ai besoin d'appeler une fonction à partir d'un composant spécifique.

Lorsque vous saisissez $0.__vue_app__ dans la console (Chrome Developer Tools), je vois les données de l'instance, mais comment puis-je les utiliser dans le code du fichier JS ?

console.log($0) n'est bien sûr pas défini.

Quel chemin puis-je emprunter pour arriver ici ?

Answer 1

Une option est dans workercode> Mounted()telle que :

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();
        }
    }
}

Dans myWorker.jsmyWorker.js vous pouvez faire ceci :

this.postMessage('run_my_function');