1.作用

过滤器主要帮我们对一些文本进行过滤
一般用在插值表达式和v-bind中

2.全局过滤器

注册过滤器

  1.   // 定义一个 Vue 全局的过滤器，名字叫做  filterNmae
  2. Vue.filter("filterName",function(msg,txt){
  3.          return  msg.replace(/单纯/g,txt)
  4.   // 字符串的  replace 方法，第一个参数，除了可写一个 字符串之外，还可以定义一个正则
  5.         })

第一个参数是要过滤的文本，第二个参数和第三个参数都是过滤后需要替代的内容，是外部传递过来的
使用过滤器

  1. <p>{{msg |filterName("猥琐")}}</p>
  1.  const vm=new Vue({
  2.        el:"#app",
  3.        data:{
  4.         msg: '曾经，我也是一个单纯的少年，单纯的我，傻傻的问，谁是世界上最单纯的男人'
  5.        }
  6.    })

3.私有过滤器

私有过滤器一般定义在vue的实例中
注册过滤器

  1.    const vm=new Vue({
  2.        el:"#app",
  3.        data:{
  4.         msg: '曾经，我也是一个单纯的少年，单纯的我，傻傻的问，谁是世界上最单纯的男人'
  5.        },
  6.        filters:{
  7.         filterName:function(msg){
  8.           return msg.replace(/单纯/g,"不单纯")
  9.         }
  10.        }
  11.    })

使用过滤器

  1. <p>{{msg |filterName()}}</p>

注意：如果私有过滤器和全局过滤器一起使用，并且同名时，**那么私有过滤器的权重会大于全局过滤器，**最终过滤的内容会替换成私有过滤器的内容。