vue项目里,利用es6,封装时间格式处理方法,简单demo

本文介绍了在Vue项目中如何利用ES6的import和export,封装一个时间格式处理方法。通过创建`libs`和`api`两个文件夹,分别存放方法代码和调用接口。在`timeHandle.js`中定义具体方法,在`getTime.js`中导出并可能添加额外处理。这样做可以方便未来应对不同时间格式需求,通过`getTime.js`作为统一入口。整个流程包括组件中调用`api.js`的方法,`api.js`调用`timeHandle.js`的方法,最后由`timeHandle.js`完成格式转换。
摘要由CSDN通过智能技术生成

vue项目里,利用es6,封装时间格式处理方法,简单demo

本来今天是学了axios的请求拦截,通过拦截器在headers里加token,从而使每次请求都能被后台进行登录状态验证(如果后台需要的话)。

在学的过程中,发现教程是通过es6的import export 来封装方法及导出导入使用的。

因此我干脆照猫画虎地,封装一个时间格式处理的方法,主要是学习这个思路。

(之后我再写一下封装axios实例,思路基本一致。再之后就可以写登录、验证的思路?)


先给大家看一下文件结构。

我在src目录下,建了两个文件夹  libs  api

顾名思义

libs 用来存放方法的具体代码

api 则存放 调用这些方法 的入口(或者说api?)

文件结构

其中libs里的 timeHandle.js  及  api里的 getTime.js  就是我这次写的文件(其他的都雨女无瓜)

先写timeHandle.js 也就是具体方法。


 // 封装处理时间格式的方法。 然后导出到api/getTime.js
 
 class TimeHandle{
   // 将接收到的参数(time) 转换成 年-月-日 格式
    toymd(time){
 
         return time.getFullYear() +
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值