过滤器:对要显示的数据进行特定格式化后。
语法:
1.注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:{}}
2.使用过滤器:{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名"
注:
1.过滤器也可以接收额外参数、多个过滤器也可以串联
2.初始数据并没有被更新,只 是产生新的与之相对应的数据
3.当全局过滤器和局部过滤器重名时,会采用局部过滤器。
实现:
1.创建 Vue 实例之前全局定义过滤器:
//全局过滤器
Vue.filter('xiaoou',function(value){
return value.xxx(对信息的一些相关处理)
})
2.局部定义过滤器
filters:{
timeFormater(value,str='YYYY年MM月DD日 HH:mm:ss'){
return dayjs(value).format(str)
}
}
3.methods实现
methods: {
//使用时直接调用函数
getFmtTime(){
return dayjs(this.time).format('YYYY年MM月DD日 HH:mm:ss')
}
}
4.computed实现
computed: {
fmtTime(){
return dayjs(this.time).format('YYYY年MM月DD日 HH:mm:ss')
}
}