【JS】Vue过滤器?干什么用的?

1.什么是过滤器,用来做什么,怎么用:
【JS】Vue过滤器?干什么用的?
就这么用:
【JS】Vue过滤器?干什么用的?

2.怎么定义过滤器:
【JS】Vue过滤器?干什么用的?
就这么定义,而且局部优先级大于全局:
【JS】Vue过滤器?干什么用的?

3.关于参数以及过滤器串联:
【JS】Vue过滤器?干什么用的?
传入的参数val就是当前过滤器管道前的值,例如filterA的管道前是content,而filterB的管道前是filterA:
【JS】Vue过滤器?干什么用的?
过滤器还可以传入参数,但第一个参数永远是管道前的值:
【JS】Vue过滤器?干什么用的?
结果:
【JS】Vue过滤器?干什么用的?

4.练习----首字母大写:
【JS】Vue过滤器?干什么用的?
好,看看效果:
【JS】Vue过滤器?干什么用的?
???什么都没有,原因是没有return:
【JS】Vue过滤器?干什么用的?
这里必须要return一个值回去,否则是什么都不会显示的。

然后:
【JS】Vue过滤器?干什么用的?
拼接上剩余的字符,完事儿!

5.总结:为什么使用过滤器,这要看是什么样的场景,有些时候数据的展示结果或格式是需要前端去做的,filter恰好用来格式化文本,例如显示账户上的余额:999,999,999,999,好了就这么多吧。。。

以上是 【JS】Vue过滤器?干什么用的? 的全部内容, 来源链接: utcz.com/a/89357.html

回到顶部