Can't import functions into Vue.js Single File Component

Question

I have several vue's which require custom date functions. I am attempting to create a 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
}

I am attempting to import it and call it in my components as DM.getDate() etc.

DailySchedule.vue

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

This doesn't seem to work?

Answer 1

Try refactor 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 }

And then import DM from '../datemodule.js' . Notice you are writing normal javascript modules here instead of a Vue component.