javascript - 在 Quasar 和/或在 Vue3 中共享全局函数

Question

我只是想知道这是否是在 Quasar-/Vue3-app 中共享功能（不是数据，因为我使用商店）的正确方法：

// boot/generic_stuff.js

import {boot} from 'quasar/wrappers'

const function_list = { /* stuff in here */ };

export default boot(async ({app}) => {
  app.provide('my_functions', function_list);
  app.provide('my_api_key', 'abc-def');
});

在我的 Vue 组件中，我这样做：

<template>
  This is my key: {{ my_api_key }}
</template>

<script>
import { inject } from "vue";

export default {
  name: 'MyComponentsName',

  setup() {
    const $my_functions = inject('my_functions');
    const $my_api_key = inject('my_api_key');
    $myFunction.callToSomeFunction();

    return {   
      my_api_key: $my_api_key
    }
  }
}
</script>

如果我不想导入很多东西，比如 Axios，或者我在几个脚本中需要的功能，比如过滤器等，这是要走的路吗？

标签： javascriptvue.jsvuejs3quasar-framework