<div id="app">
<!-- msg是作为参数传给filterA函数,
而filterA函数的返回值作为参数传给filterB函数,
最终结果显示是由filterB返回的。 -->
<div>
{{ msg | filterA | filterB }}
</div>
<div>
<!-- 带参过滤器 -->
{{ msg | filterC('06','1') }}
</div>
<div>
{{ 'a','b' | filterD }}
</div>
</div>
const app = new Vue({
el:"#app",
data:{
msg:'2020'
},
filters: {
filterA(msg){
return msg + '年'
},
filterB(msg){
return msg + 'Hello World'
},
filterC(msg,arg1,arg2) {
return msg + '-' + arg1 + '-' + arg2
},
filterD(value1,value2) {
return value1 + ' ' + value2
}
}
})
// 结果为:2020年Hello World
// 2020-06-1
// a b