过滤器：本质上是函数，它与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>
网友评论