Vue过滤器

过滤器：对要显示的数据进行特定格式化后。

                语法：

                        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')
				}
			}