跳到主要内容

过滤器 filter

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

定义过滤器

全局注册

Vue.filter('myFilter', function (value1[,value2,...] ) {
// 代码逻辑
})

局部注册

new Vue({
filters: {
'myFilter': function (value1[,value2,...] ) {
// 代码逻辑
}
}
 })

使用过滤器

<!-- 在双花括号中 -->
<div>{{ message | myFilter }}</div>

<!-- 在 `v-bind` 中 -->
<div v-bind:id="message | myFilter"></div>

参考