如何使用vuejs过滤器

JavaScript018

如何使用vuejs过滤器,第1张

在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器，比如orderBy 和 filterBy。而且我们可以链式调用过滤器，一个接一个过滤。因此，我们可以定义我们自己的过滤器在我们的Vue实例中。

阅读这个教程的前提是你对Vue已经有了基本的语法基础。

VueJs中的过滤器基础

过滤器是一个通过输入数据，能

Vue.filter( '过滤器名' , function(value) {

        return value  * .5 

  })

输出变量的时候直接在后面加上：|过滤器名

就可以了。

vue的过滤器只用用在 双花括号{{}} 和 v-bind 中，使用时采用|符号来实现

在main.js中全局定义过滤器方法，即可在项目中直接使用

直接在文件中使用filters，在其中定义要使用的过滤器

多个过滤器可串联使用，前一个过滤的返回值作为后一个过滤器的入参

过滤器像函数一样，可以接受参数