vue-filter过滤器

1.什么是vue过滤器？
Vue过滤器是用来格式化一个数据的工具，Vue 1.x版本借用了angular , 提供 10 个过滤器， 包括有： 日期 小数点位数保留 货币 大小写 等。
到Vue 2.x时废弃了这10个过滤器，但是它提供了自定义过滤器功能。

2.过滤器的使用方式
（1）全局定义过滤器
html：

{{ time | timeFilter(’/)}}

js：
Vue.filter(‘timeFilter’,function ( val,type ) {
console.log( val )
var date = new Date ( val )
return date.getFullYear() + type + ( date.getMonth() + 1 ) + type + date.getDate()
Vue.filter( 过滤器的名称， 过滤器的回调函数 )
其中val 就是我们获得的数据，return 的结果就是格式化之后的新数据 return的结果就是页面
呈现的结果

（2）局部定义过滤器
new Vue({
el: ‘#app’,
data: {
time: Date.now()
},
filters: {
‘timeFilter’: function ( val,type ){
var date = new Date ( val )
return date.getFullYear() + type + ( date.getMonth() + 1 ) + type + date.getDate()
}
}
})
filters是过滤器的配置项

3.过滤器要想获得我们的数据，要通过一个叫做 ‘管道符 | ’ 来获取数据
4. 过滤器是对已经有的数据进行格式化，也就是必须先有数据，在去格式化