var vm = new Vue({
el: '#app',
data: {
message: '过滤器串联'
},
filters: {
capitalize: function(args2){
return 2 + args2
}
}
})
new Vue({
el: '#container',
data: {
msg: 'Hello Vue',
price:356
},
//过滤器的本质 就是一个有参数有返回值的方法
filters:{
myCurrency:function(myInput,arg1){
console.log(arg1);
console.log(myInput);
//根据业务需要,对传来的数据进行处理
// 并返回处理后的结果
var result = arg1+myInput;
return result;
}
}
})
<div id="app">
{{message | capitalize('namess')}}
</div>
<div id="container">
<p>{{msg}}</p>
<h1>{{price}}</h1>
<h1>{{this.msg | myCurrency('¥')}}</h1>
</div>