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文件中调用这些工具函数呢？示例如下：