Невозможно импортировать функции в отдельный компонент Vue.js

Question

У меня есть несколько Vue, которые требуют пользовательских функций даты. Я пытаюсь создать модуль date_module.

datemodule.js

export default {
    getNewDate(offset){
        let newDate = this.getDate();
        newDate.setDate(newDate.getDate() + offset);
        return newDate;
    },
    getDate(){
        let date = new Date();
        return date;
    },
    ...etc
}

Я пытаюсь импортировать его и вызвать в моих компонентах как DM.getDate () и т. Д.

DailySchedule.vue

...
import DM from "../datemodule.js"
...

Кажется, это не работает?

Answer 1

Попробуйте рефакторинг datemodule.js:

function getNewDate(offset){
  let newDate = this.getDate();
  newDate.setDate(newDate.getDate() + offset)        
  return newDate;
}

function getDate(){
  let date = new Date();
  return date
}

export default { getNewDate, getDate }

А потом import DM from '../datemodule.js'. Обратите внимание, что здесь вы пишете обычные модули JavaScript, а не компонент Vue.