没有合适的资源?快使用搜索试试~ 我知道了~
vue项目中如何将工具函数模块化导出.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 77 浏览量
2022-07-09
12:36:22
上传
评论
收藏 128KB DOCX 举报
温馨提示
试读
2页
vue项目中如何将工具函数模块化导出.docx
资源推荐
资源详情
资源评论
vue项⽬中如何将⼯具函数模块化导出
如下所⽰,utils⽂件夹下的js⾥都是封装好的⼯具函数,
如formatDate.js内容如下:
1 export default (day)=>{
2 var tmpDate = day ? new Date(day) : new Date();
3 return tmpDate.getFullYear() + '-' + ('0' + (tmpDate.getMonth() + 1)).slice(-2) + '-' + ('0' + tmpDate.getDate()).slice(-2);
4 }
getRandom.js内容如下:
1 export default (num = 1000)=>{
2 var t = Math.random();
3 return Math.ceil(t * num % num);
4 }
那么如何将这些js中封装好的⼯具函数模块化导出呢,重点来啦。。。我们靠⼀个中间js即index.js(中间桥梁)将这些js联系起来,其中
index.js中代码如下:
1 function plugin(Vue){
2 if (plugin.installed) {
3 return ;
4 }
5 let utils = require.context(".", false , /\.js$/)
6 let $util = new Object();
7 utils.keys().forEach(key=>{
8 if (key === './index.js') return ;
9 let utilName = key.replace(/^\.\//, "").replace(/\.js/, ""); //key = './abcd.js' utilName = 'abcd'
10 $util[utilName] = utils(key). default; //$util['abcd'] = utils('./abcd.js')
11 });
12 Vue.prototype.$util = $util;
13
14 }
15
16 export default plugin
到这⾥,准备⼯作都做好了,那么我们如何在.vue⽂件中调⽤这些⼯具函数呢?⽰例如下:
资源评论
Cheng-Dashi
- 粉丝: 108
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功