无法将函数导入Vue.js单个文件组件

时间:2018-11-07 15:17:15

标签: javascript vue.js webpack

我有几个需要自定义日期功能的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"
...

这似乎不起作用?

1 个答案:

答案 0 :(得分: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组件。