Совместное использование глобальных функций в рамках Квазара и/или в целом в рамках Vue3

#javascript #vue.js #vuejs3 #quasar-framework

Вопрос:

Мне просто интересно, правильно ли это использовать функциональность (а не данные, для этого я использую магазины) в приложении Quasar-/Vue3:

 // boot/generic_stuff.js  import {boot} from 'quasar/wrappers'  const function_list = { /* stuff in here */ };  export default boot(async ({app}) =gt; {  app.provide('my_functions', function_list);  app.provide('my_api_key', 'abc-def'); });  

В моем Vue-компоненте я делаю это:

 lt;templategt;  This is my key: {{ my_api_key }} lt;/templategt;  lt;scriptgt; 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  }  } } lt;/scriptgt;  

Правильно ли это, если я не хочу импортировать много вещей, таких как Axios, или функций, которые мне нужны в нескольких сценариях, таких как фильтры и т. Д.?