#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, или функций, которые мне нужны в нескольких сценариях, таких как фильтры и т. Д.?