Day16 filter过滤器

Filter可以做甚麽?
主要的使用是在处理格式化文字(英文字母大小写转换,千分号)

如何使用Filter?
可以使用mustache语法或是V-bind绑定

局部注册
先将价格加上千分位符号与$符号,使用「|」(pipe)可以连结多个Filter,需要注意顺序,将由左到右执行



要注意的是Filter设定的顺序,这边事先设定comma在设定dollarSign若是顺序不对就会转失败

全域注册

第二个例子是将字母开头转为大写并改成全域注册
upper接收msg的值作为它的参数
filter可以连接{{msg|upper}}

比较Filter与Computed
Filter : 适合用在简单的文字格式状况
Computed : 适合用於处理较复杂的资料状况

参考资料: https://vuejs.org/v2/guide/filters.html
https://stackoverflow.com/questions/149055/how-to-format-numbers-as-currency-strings