Vue.js中的过滤器（filter）

过滤器：本质上是函数，它与angularJs中的过滤器语法有些相似，他们都是使用（|）管道符进行连接。

Vue.js的内置过滤器 

（1）字母操作capitalize，uppercase，lowercase，

（2）限制limitBy ， filterBy，orderBy

（3）json

（4）currency

（5）debounce

Vue.js的自定义过滤器

<div id='app'>

{{'hello' | reverse}}

</div>

//全局安装

Vue.filter('reverse', function (str) {

// 返回处理后的值

return str.split('').reverse().join('')

})

// getter，返回已注册的过滤器

Vue.filter('reverse')

new Vue({

el:"#app"

})

//局部作用域

<div>

{{"100" | money}}

</div>

<script>

new Vue({

el:"#app",

filters: {

money: function (value) {

//       if (!value) return ''

//       value = value.toString()

return "$"+value+'.00'

}

}

})

</script>