vue全局过滤器(filter)和局部过滤器（私有过滤器）(filters)、调用多个过滤器、过滤器传参、过滤器兼容（vue3剔除了过滤器，可使用计算方法来实现)

1、局部定义（私有过滤器）（filters）

<template>
  <div>{
  {str |toUp}}
  </div>
</template>
<script>
export default {
  name: "test1",
  data() {
    return {
        str：'这是vuex的数据'
    };
  },
  //局部过滤
  filters:{
      toUp(str){
       return str.charAt(2).toUpperCase()+str.slice(3)
     }
   },
};
</script>

2.全局过滤器（filter）

在main.js写一个过滤器

Vue.filter('toUp',str=>{
  return str.charAt(2).toUpperCase()+str.slice(3)

})

<template>
  <div>{
  {str |toUp}}
  </div>
</template>
<script>
export default {
  name: "test1",
  data() {
    return {
        str&#