vue filters过滤器的理解和使用

一开始理解过滤器的时候以为是过滤不要的内容,原来再vue中,过滤器有承接的关系,就是上一个过滤器的返回值给下一个过滤器,下一个过滤器的返回值给下下一个过滤器…
图解:

vue filters过滤器的理解和使用

文章图片
filters过滤器会把第一个前一个变量的值拿过来作为函数的变量。本例子中message是一个数字,作为filter()的变量。
【vue filters过滤器的理解和使用】例如:
< div id="app"> < span>{{message | filter | filter | filter}}< /span> < /div> < script> var vue = new Vue({ el:'#app', data:{ message:"10" }, filters:{ filter(val){ return val*10; // 10000 } } }) < /script>

    推荐阅读