vue filters过滤器的理解和使用

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

图解：

filters过滤器会把第一个前一个变量的值拿过来作为函数的变量。本例子中message是一个数字，作为filter（）的变量。

例如:

<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>