javascript - 如何在 Vue3 的 js 文件中访问 Vue 实例？

Question

在 Vue2 中，我能够访问我的 Vue 实例以使用在 Vue 中注册的组件。
测试.js

   import Vue from 'vue'

   export function renderLogin () {
     Vue.toasted.show('Please login again', { type: 'error', duration: 2000 })
   }

在上面的代码中，我可以访问 toasted 包，因为我已经在我的 main.js 中使用 Vue 注册了它。但是，在 Vue3 中，我无法使用 toasted 包，因为我无法访问 js 文件中的 Vue 实例。
需要有关如何在 js 文件中访问 Vue 实例('this')的帮助。

Answer 1

经过一天的搜索，我能够从 js 文件中的 vue 实例访问 toasted 组件。
首先，我们必须导出应用程序实例才能在 js 文件中读取它
main.js

export const app = createApp({
   render() {
     return h(AppWrapper);
   },
});

接下来，我们必须在应用实例的 globalProperties 中注册我们的组件。

app.config.globalProperties.$toast = toast;

我们现在可以在我们的 js 文件中导入应用程序实例并访问 toast 组件
测试.js

import { app } from '@/main.js'

app.config.globalProperties.$toast('Toast working fine', {
    type: 'success',
    duration: 2000,
  })

希望这可以帮助某人。如果有其他/更好的方法，请告诉我。谢谢