前言

一、filter过滤器是什么？

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

二、过滤器分为什么?

过滤器分为全局过滤器和局部过滤器

1.全局过滤器

全局过滤器是通过Vue.filter()来定义的，定义好后，它在所有组件中都可以使用。

// global-filter是过滤器名称
// 函数第一个参数是需要过滤的数据.
// 函数第二个参数是给过滤器传递的值.Vue.filter('global-filter',(val,...args)=>{console.log(`需要过滤的数据是:${val}`)return val + ' 过滤器追加的数据'})

2.局部过滤器

局部过滤器,定义在组件内部 filters 属性上.它只能在此组件内部使用.

 var app = new Vue({el: '#app',data: {price:null,oldValue: '原始数据'},methods: {},// 定义组件过滤器filters: {priceFmt(val,location) {switch(location) {case 'usa':return '$' + valbreakdefault:return val}}})

注意：全局注册时是filter，没有s的。而组件过滤器是filters，是有s的，这要注意了，虽然你写的时候没有s不报错，但是过滤器是没有效果的

三、过滤器的使用方式?

过滤器的使用方式是，在双花括号或v-bind中通过一个管道符来拼接,

四、过滤器的应用场景?

项目中使用过滤器：时间，价钱

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！