Vue3でjsファイル内のVueインスタンスにアクセスするにはどうすればよいですか?

Question

Vue2 では、Vue インスタンスにアクセスして、Vue に登録されているコンポーネントを使用できます。

test.js

リーリー

上記のコードでは、main.js の Vue に登録しているため、トーストされたパッケージにアクセスできます。ただし、Vue3 では、js ファイル内の Vue インスタンスにアクセスできないため、トーストされたパッケージを使用できません。

js ファイル内の Vue インスタンス (「this」) にアクセスする方法についてヘルプが必要です。

Answer 1

// Vue 3 構成 API

リーリー

これは Vue2 とまったく同じ方法ではありませんが、探しているものが明らかになる可能性があります。

---

パッケージを Vue3 でグローバルに利用できるようにするには、次のコードをプラグインに追加する必要がある場合があります:

リーリー

この方法では、オプション API で次のコマンドを使用してトーストされたインスタンスを取得できます: this.$toasted

コンポジション API を使用します。 const { $toasted } = _instance.appContext.app.config.globalProperties;

別のプラグインの場合: constructor(app) { app.config.globalProperties; }

Answer 2

1 日かけて検索した結果、js ファイル内の vue インスタンスからトーストされたコンポーネントにアクセスできました。

まず、js ファイルで読み取るためにアプリケーション インスタンスをエクスポートする必要があります

メイン.js

リーリー

次に、アプリケーション インスタンスの globalProperties にコンポーネントを登録する必要があります。

リーリー

これで、アプリケーション インスタンスを js ファイルにインポートし、トースト コンポーネントにアクセスできるようになりました。

test.js

リーリー

これが他の人に役立つことを願っています。他に/より良い方法があれば、教えてください。ありがとう＃＃＃