Vue2中有过滤器（Filters）这样一个函数，不过在Vue3中被取消掉了
现在市面上还是有很多的公司都在使用Vue2的，所以过滤器我们有必要去了解一下：
它常用于文本的格式化（可以在插值表达式{{}}或者v-bind属性绑定中使用）
我们简单的了解了一下过滤器，那么怎么使用呢？
目录
私有过滤器
<div id="app">
<p :id="val | call">{{val | call}}</p>
<!--最终的结果是这个过滤器的返回值-->
<!-- | 就是管道符-->
<!-- | 过滤器应该被添加到JavaScript表达式的尾部，由管道符来进行调用-->
</div>const vm = new Vue({
el:'#app',
data:{
val:"hello Vue"
},
//使用filters节点对象来存放过滤器
filters:{
call(val){
const first= val.charAt(0).toUpperCase()
const other = val.slice(1)
//这里的return是必须要有的，过滤器中必须有一个返回值
return first + other
}
}
})
全局过滤器
我们在Vue实例中的filters节点下定义的过滤器是私有过滤器，因为它只能在当前Vue实例对象所控制的el区域内使用
如果我们想要去实现一个过滤器的复用，就是在多个Vue实例中共享一个过滤器，我们可以调用Vue构造函数的.filter方法来创建一个全局的过滤器：
Vue.filter('call',(val)=> {
return val.charAt(0).toUpperCase() + val.slice(1)
})单引号里的参数为全局过滤器名称，我们在插值表达式中管道符的后面；
加下来第二个形参是一个全局过滤器的处理函数，处理函数中的参数为需要进行过滤处理的数据
<body>
<div id="app">
<p :id="val | call">{{val | call}}</p>
</div>
<div id="app2">
<p :id="val | call">{{val | call}}</p>
</div>
</body>
<script src="../vue.js"></script>
<script>
Vue.filter('call',(val)=> {
return val.charAt(0).toUpperCase() + val.slice(1)
})
const vm = new Vue({
el:'#app',
data:{
val:"hello Vue"
}
})
const vm2 = new Vue({
el:'#app2',
data:{
val:"hello Vue"
}
})
</script>
tips：如果全局过滤器和私有过滤器的名字冲突的话，会优先调用私有的过滤器，并不因为设定，而是遵循就近原则
过滤器还有串联和传参这俩个用法：
多个传参：
<div id="app">
<p>{{val | call(test1,test2)}}</p>
</div>Vue.filter('call',(val,test1,test2)=> {
return val.charAt(0).toUpperCase() + val.slice(1)
})串联用法：
<div id="app">
<p>{{val | call | call2 | call3 | call4}}</p>
</div>从左向右依次执行（val数据给到call处理-->处理返回值给到call-->......call4返回值输出）
