Vue 过滤器

<h3>现在的时间是{{time | timeFormater('aaa')}}</h3>// 多个过滤器
<h3>现在的时间是{{time | timeFormater('aaa') | mySplice}}</h3>data: {time: 1621561377603
}filters: {timeFormater(value, str) {// 实现逻辑},mySplice() {}
}

1、定义

        对要显示的数据进行特定格式化后再显示，适用于一些简单逻辑的处理

2、语法：

        1、注册过滤器：Vue.filter(name, callback)或new Vue(filters: {})

        2、使用过滤器：{{xxx | 过滤器名}} 或者 v-bind:属性 = "xxx | 过滤器名"

3、备注：

        1、过滤器也可以接收额外参数、多个过滤器也可以串联

        2、并没有改变原来的数据，是产生新的对应的数据