vue中的过滤器和占位符

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

{{ msg | msgFormat("野驴","野牛")}}

**注意事项** 在定义过滤器时，一定要写到要加载的数据之前，因为在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 之后的方法