vue中的过滤器

提起过滤器肯定不陌生,过滤其实就是转换,在模板引擎中也有过滤器,当然vue中过滤器其实和模板引擎的用法差不多.

在vue中,过滤器只能存在于2个地方,一个就是插值表达式中,另一个就是v-bind指令中.

vue的过滤器主要有俩种写法,一种是全局过滤器,另一个是局部过滤器.

1.全局过滤器

        全局过滤器根据字面意思就是在所有vue文件中都可以使用的过滤器.所以全局过滤器肯定是写在了一个和所有vue文件关联起来的一个地方.

        在vue下的src里有一个入口文件main.js就可以.所以我们的全局过滤器就是写在这里的.

先看在全局过滤器的声明.和模板字符串的声明方法一样,

全局过滤器的写法:

 切记是写在vue自动生成的src目录下的main.js文件里面的.

最后效果:

 把字符串转换成数组.

2.局部过滤器

局部过滤器和全局过滤器不同的就是写的地方不同,然后只对当前vue文件生效.

所以局部过滤器是直接写在vue文件里面的.

 

 3.总结:

        1.全局过滤器针对所有vue文件都起作用,局部过滤器只对当前vue文件起作用.

        2.全局过滤器是写在main.js入口文件里面的,局部过滤器是直接写在vue文件里的filters属性里面.

        3.不管是局部过滤器还是全局过滤器,都是需要return一个值的.