vue项目中如何将工具函数模块化导出

如下所示，utils文件夹下的js里都是封装好的工具函数，

如formatDate.js内容如下：

export default (day)=>{
  var tmpDate = day ? new Date(day) : new Date();
  return tmpDate.getFullYear() + '-' + ('0' + (tmpDate.getMonth() + 1)).slice(-2) + '-' + ('0' + tmpDate.getDate()).slice(-2);
}

getRandom.js内容如下：

export default (num = 1000)=>{
  var t = Math.random();
  return Math.ceil(t * num % num);
}

那么如何将这些js中封装好的工具函数模块化导出呢，重点来啦。。。我们靠一个中间js即index.js(中间桥梁)将这些js联系起来，其中index.js中代码如下：

function plugin(Vue){
  if (plugin.installed) {
    return;
  }
  let utils = require.context(".", false, /.js$/)
  let $util = new Object();
  utils.keys().forEach(key=>{
    if (key === './index.js') return;
    let utilName = key.replace(/^.//, "").replace(/.js/, ""); //key = './abcd.js'   utilName = 'abcd'
    $util[utilName] = utils(key).default;        //$util['abcd'] = utils('./abcd.js')
  });
  Vue.prototype.$util = $util;

}

export default plugin

到这里，准备工作都做好了，那么我们如何在.vue文件中调用这些工具函数呢？示例如下：