过滤器在Vue中的使用

1.定义和语法

1.定义

• 转换格式, 过滤器就是一个函数, 传入值返回处理后的值。
• 过滤器只能用在插值表达式和v-bind表达式中。
• 常见使用场景：修改时间格式，修改新闻列表文字显示长度等等。

2.语法

• Vue.filter(“过滤器名”, (值) => {return “返回处理后的值”})
• filters: {过滤器名字: (值) => {return “返回处理后的值”}

3.使用语法

• vue变量 | 过滤器名字

4.作用

• 传入一个值，处理后返回另一个值

2.过滤器在Vue中的使用

1.全局过滤器

• 定义在main.js中，全局可用。
• 语法：Vue.filter(“过滤器名”, (值) => {return “返回处理后的值”})
• demo:
  

2.局部过滤器

• 定义在当面.vue页面的methods中，当前页面可用。
• 语法：filters: {过滤器名字: (值) => {return “返回处理后的值”}
• demo: