• 组件内过滤器

<template>
    <div class="hello">
        我是尾部
        <input type="text" v-model="text">
        <br/> 显示：{{text|myFilter}}
    </div>
</template>

<script>
export default {
  name: "footer",
  filters: {
    //   组件内部过滤器
    myFilter: function(value) {
      //value-就是text
      //   翻转字符串
      return value
        .split("")
        .reverse()
        .join("");
    }
  },
  data() {
    return {
      text: ""
    };
  }
};
</script>

• 全局过滤器（在main.js中申明）

// 创建全局过滤器
Vue.filter('myFilter', function (value) {
  return "我是全局过滤器"
})

注意：

组件内过滤器：优先极高，范围小
全局过滤器：优先级低，范围大