如何使用过滤器和moment日期库

一、什么是过滤器？

过滤器是对即将显示的数据做进一步的筛选处理，然后显示，过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。

过滤器分为全局过滤器和局部过滤器。

二、如何使用过滤器？

1. 全局过滤器: (Vue.就是全局引入的意思，是小括号的形式)

Vue.filter("过滤器名",funciton(val){
	//逻辑代码
})

 Vue.filter('过滤器名称',function(a,b,c) {
   	 //逻辑代码
     return 
  })

//如何使用：
{{ num | 过滤器名（val） }}
{{ num | 过滤器名（a1,b2,c3） }}

2. 局部过滤器： （是大括号的形式；当出现与全局过滤器重名时，局部过滤器有就近原则，所以局部过滤器的优先级比全局过滤器高）。

filter：{过滤器名:funciton(参数){
	//逻辑代码
	}
}

以上对过滤器的使用还不是很熟，等下去再练练，再来补充。

3. 使用场景：
   用于将后台数据处理成用户最终显示的数据格式；例如：性别、支付状态、物流信息状态、时间戳等等。

三、说到时间戳，简单介绍一下比较好用的转换时间的一个解析器——moment。

moment官网：http://momentjs.cn/docs/

1. moment是一个灵活性很强、高级的解析器。是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期的工具。支持各种语言，这点给用户体验非常棒。

2. moment的安装：

npm i moment --save

3. 简单复制一个格式看一下吧，着实很方便，比自己写js来处理确实方便很多。

 moment(时间戳).format("YYYY年MM月DD日，HH时mm分SS秒");
//这样就拿到你想要的2020年08月22日  00时34分38秒了

moment还有很多很使用的转化，建议大家多去官网看看。

下面是它支持的语言，非常nice