如何访问 VanillaJS 文件中的“this”上下文（Vue/Nuxt 实例）？

我里面有一个函数.jsnuxt 2 项目中的文件。

基本上我需要使用 nuxt 模块属性nuxt.config像这样this.nuxt.options.在正常的函数内部.js file.

例如：

aNormalJsFile.js

if (this.nuxt.options.module.triggers.isActive) {
  // do something
}

但现在我不能，因为它当然不知道 Nuxt 是什么。我收到此错误：

无法读取未定义的属性（读取“nuxt”）

如果你想将 Vue/Nuxt 实例注入到.js文件（vanilla JS），您可以遵循这个辅助函数方法

/src/utils/printCoolNumber.js

export const printIt = (VueInstance) => console.log(VueInstance.coolNumber)
// ☝???? basically does console.log(this.coolNumber) as in a .vue file

Any .vue file

<script>
import { printIt } from "@/utils/printCoolNumber";

export default {
  data() {
    return {
      coolNumber: 12,
    };
  },
  mounted() {
    printIt(this) // ???????? Vue instance ("this") passed here, it prints 12 in the console
  },
};
</script>

我不会说从长远来看这是最好的方法（使用可组合项通常仍然更好），但对于不需要太多 Vue 特定方法的小型辅助函数来说，它非常有用。