使用场景:可被用作一些常见的文本格式化
使用的地方:mustache插值和v-bind表达式
作用:在我们页面显示值之前加一层过滤,展示我们过滤后的值
使用方法:由管道符连接 ’|‘
使用语法
全局定义:通过Vue提供的filter方法定义:Vue.filter()
第一个参数 过滤器的名;第二个参数 回调函数(data,format)
data 管道符前面的数据
format: 过滤器传过来的参数
举例:
Vue.filter("setMsg", function (data, format) {
console.log(data);
console.log(format);
return data
});
局部定义(私有定义):filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。
举例:
filters: {
setMsg(data, format) {
console.log( )
},
},