过滤器的适用场景

<!-- 在双花括号中 --> {{ message | capitalize }}

<!-- 在 `v-bind` 中 --> <div v-bind:id="rawId | formatId"></div>

vue做时间的过滤器

Vue.filter("ti",function(times){
var data=new Date(times);
var y=data.getFullYear();
var m=data.getMonth();
var d=data.getDate();

return `${y}-${m}-${d}` 

})

ES6 模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。可以用来字符串拼接

2.私有过滤器

methods:{

},

定义私有过滤器,有两个条件 过滤器名称,处理函数

过滤器调用的时候采用的是就近原则,如果私有过滤器和全局过滤器名臣一直,优先适用私有过滤器

filters:{

/*第一个参数是过滤器传过来的参数*/

 dataformate:function(datastr,pattern){

}

}

filtes ,methods:是一个对象

原文地址:https://www.cnblogs.com/xzhce/p/12896192.html