如何存取外部 Vue3 實例來呼叫函數？

Question

如果我不知道儲存該實例的變數名稱，如何存取 Vue 3 實例？我需要從特定元件呼叫函數。

在控制台（Chrome 開發者工具）中輸入 $0.__vue_app__ 時，我看到了實例的數據，但如何在 JS 檔案內的程式碼中使用它？

console.log($0) 當然是未定義的。

我可以走哪條路去這裡？

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');