Vue学习之过滤器的使用，前端开发五年我们先通过案例来介绍下过滤器的使用，然后再看下何为全局过滤器过滤器的语法 //

我们先通过案例来介绍下过滤器的使用，然后再看下何为全局过滤器

过滤器的语法

// 声明过滤器

Vue.filter("过滤器名称","回调函数")

我们先来看下过滤器的简单使用，如下是没有使用过滤器的情况

Document

在这里插入图片描述

添加一个过滤器来将msg中的"NBA",替换为 “美国篮球联盟”

在这里插入图片描述

我们发现这时候只有一个关键字被替换了，其他两个没变，这时候我们可以通过正则表达式来处理

在这里插入图片描述

这时我们看到实现了我们需要的效果了

在通过管道符号来使用过滤器的时候我们还可以传递参数过去，如下

在这里插入图片描述

传值效果实现了。

我们对一个信息处理的时候，可以同时使用多个管道符来调用多个过滤器来处理，如下

在这里插入图片描述

页面效果

在这里插入图片描述

接下来我们看看什么是全局过滤器，其实我们上面定义的过滤器就是全局过滤器，我们在页面中再增加一个div和一个Vue对象，

在这里插入图片描述

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。 开源分享：docs.qq.com/doc/DSmRnRG…