vue как создать глобальную функцию?

Vue js разделен на компоненты. но в каждом мне нужен один функционал - преобразование номера. Как мне сделать функцию. которую я могу подтянуть к любому файлу. хоть в компонент .vue, хоть в actions.js файл.

Попробовал сделать так создал функцию в отдельном файле /helpers/utils.js

function number(car) {
  // ..........
  return number;
}
export { number };

но при импорте в какой либо модуль

import { number } from '@/helpers/utils';

функция пустая, точнее переменная number - не определена

Получилось сделать только через главный main.js файл, где идет создание new Vue():

const myNumber = {
  number: (car) => {
    // ....
    return number;
  },
  install: () => {
    Object.defineProperty(Vue.prototype, 'myNumber', {
      get() { return myNumber; },
    });
  },
};
 
Vue.use(myNumber);
// ....
new Vue(...);

и я могу это использовать в компонентах как:

= this.myNumber.number(item);

но вот в actions.js я этой функции не вижу


Ответы (1 шт):

Автор решения: Vitalii Bolkot

Попробуйте написать функцию в .js и в main.js подключить через Vue.use(<global_func>) функция должна стать глобальной для всех компонентов

→ Ссылка