跳到主要内容

过滤器 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>

参考