本文共 657 字，大约阅读时间需要 2 分钟。

过滤器

vue.js中允许自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方，mastache插值和v-bind表达式中，过滤器应该被添加在JavaScript表达式的尾部，由“管道”符提示 过滤器格式 过滤器调用时候的格式 { {name | naemfromat}} 定义一个过滤器 过滤器可以有多个参数，但是第一个参数,已经被定死,永远都是过滤器管道符前面传递过来的数据 Vue.filter(‘msgFormat’,function(msg){ return msg.replace(‘野马’,‘野狗’); }) 全局过滤器

**注意事项** 在定义过滤器时，一定要写到要加载的数据之前，因为在js的加载顺序是自上而下的 **占位符** var dt=new Date(dateStr) //yyyy-mm-dd var y=dt.getFullYear() var m=dt.getMonth()+1 var d=dt.getDate() return y+'-'+m+'-'+d 和 return `${y}-${m}-${d}` 效果是一样的 **全局过滤器和私有过滤器** 全局过滤器，所有的vm实例都可以共享 调用过滤器时采用的是就近原则，会优先调用私有过滤器 **其他方法** padStart(num,'字符')是在前补充字符,padEnd(num,'字符')是在后补充num位的 字符 是 es6 之后的方法

转载地址：http://haxui.baihongyu.com/