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() +