vue-过滤器

过滤器

一、什么是过滤器？

过滤器是可以被用作一些常见的文本格式化，过滤器可以用在mustache插值表达式和v-bind表达式里，

---

二、过滤器使用语法：

n{{变量 | 过滤器名}} n{{变量 | 过滤器名 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data属性计算前面表达式传过来的值

---

三、定义的语法：

全局定义：
                        Vue.filter（’过滤器名‘，data（过滤值），format）

          私有定义：filters：{
                                              ’过滤器名‘：（data，format）{
                                               
                                          }}

---

四、注意事项！

1、函数的第一个参数都是data，也就是我们要过滤的值
2、过滤器可以自定义一些参数
3、过滤器函数的返回值就是最终显示的值
4、通过自定义的过滤器实现日期的格式化，注意补全padStart
5、字符串提供的方法，当位数不足时补充内容：padStart（显示位 数，“补充内容”）往前补充，
padEnd（显示位数，“补充内容”）往后补充