filters简单过滤

vue过滤器filters

1.在html中的用法

{{message | priceNum}}  

特别注意的是：要用 | 一个杠，不要用两个，这中用法可以使用在v-for循环中，在循环中过滤数字，在渲染中过滤价格，保存两位小数，或者是千分位

---

2.在保留两位小数，或者多个小数时，这种用法比较简单，其中val是自带的 | 前面的内容，不用传数据

filters

---

3.还要一个可以转换千分位的，这个的话有一个属性，用数字直接转换千分位，上图

这种用法的话有一个 弊端，就是只能是数字类型的，而且，只能转换千分位的，转化效果如下

(451215424).toLocaleString()    结果为  451,215,424

这中比较捡漏,

4.最后一个也是用的toLocaleString() ,先介绍一下toLocaleString,

toLocaleString() 方法返回这个数字在特定语言环境下的表示字符串。它的语法形式为

numobj.toLocaleString([locales [, options]])    其中numobj为数字类型

其中locales是可选 缩写语言代码（BCP 47 language tag，例如: cmn-Hans-CN）的字符串或者这些字符串组成的数组. locales 参数必须是一个BCP 47 语言标记的字符串，或者是一个包括多个语言标记的数组，个 BCP 47 语言标记代表了一种语言或者区域（两者没有很大的区别），而其中最常见的格式中，他以这样的顺序来囊括了这些内容：语言代码，脚本代码，和国家代码，全部由连字符分隔开。它的用法为

而options也是可选的项；它包含一些项

“decimal” 用于纯数字格式；

“currency”用于货币格式；

“percent” 用于百分比格式;

“unit” 用于单位格式

其中style

是要使用的格式样式，默认为 “decimal”。

options

---

性能

当格式化大量数字时，最好建立一个 NumberFormat 对象并且使用它提供的 NumberFormat.format 方法。

链接