vue过滤器

学习

Date.now() 返回时间戳。

现在要把时间戳转成年月日时分秒的格式。

可以用组件moment.js，不过这个组件比较大，可以用其轻量化的替代品，day.js，两者的api几乎一致。

这里使用day.js。

使用day.js，引入相关的js后，全局多了一个dayjs的变量

过滤器就是一个函数，返回处理后的数据，对数据进行更新。

原始数据 | 过滤器 ， 中间 | 是管道符 

过滤器可以传参数，第一个参数默认是原始数据，第二个参数是用户定义的

过滤器默认有一个参数，这个参数是过滤的原始数据，其它的参数才是用户自己定义的。

多个过滤器之间的串联 被过滤的原始数据 | 第一个过滤器 | 第二个过滤器

多个过滤器串联的时候，第二个过滤器使用第一个过滤器的返回。

局部过滤器和全局过滤器 

全局过滤器,必须写在new Vue之前

Vue.filter('过滤器名', function(){}); //方法体

v-bind和过滤器配合使用。

v-model不能和过滤器使用。

总结

过滤器 可以使用简单的逻辑处理，一般是在插值语法中使用，也可以和v-bind配置使用，但是不能和v-model配置使用，不适合做复杂的逻辑处理，复杂的处理逻辑建议还是使用计算属性/监听/方法等。

过滤器不会更改原始的数据，只会对数据进行加工。

实践