Vue过滤器

悠悠卷的一天

目录

前言

一、过滤器是什么？

二、使用的时需要注意的点

三、侦听器

总结

---

前言

过滤器（filter）是输送介质管道上不可缺少的一种装置

大白话，就是把一些不必要的东西过滤掉

过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、过滤器是什么？

过滤器（Filters）是vue为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式和v-bind属性绑定。

过滤器应该被添加在JavaScript表达式的尾部，由“管道符”进行调用

二、使用的时需要注意的点

 过滤器的注意点：

　   1.要定义到filters节点下，本质上是一个函数

　　2.在过滤器函数中，一定要有return值

　　3.在过滤器的形参中，就可以获取到管道符前面带出来的值

　　4.如果全局过滤器和私有过滤器名字一致，此时按照“就近原则”调用的是“私有过滤器”

私有过滤器和全局过滤器

在filters节点下定义的过滤器，称为’私有过滤器‘，因为它只能在当前vm实例所控制的el区域使用。

---

三、侦听器

侦听器的格式

　　1.方法格式的侦听器：

　　　　缺点1：无法在刚进入页面的时候，自动触发

　　　　缺点2：如果侦听的是一个对象，如果对象的属性发生了变化，不会促发监听器

　　2.对象格式的侦听器

　　　　好处1：可以通过 immediate 选项，让侦听器自动触发

　　　　好处2：可以通过deep选项，让监听器监听每个属性的变化

---

总结

平时开发中，需要用到过滤器的地方有很多，比如单位转换、数字打点、文本格式化、时间格式化之类的等。