vue过滤器filters结合实例解析

 

在一开始使用vue的时候,也许你还不够熟悉,觉得vue是在有太多的属性了,不知道函数应该写在哪个方法下面,为了快速的使用vue,拽这里可以区分:VUE框架属性方法图文全解

这个结合例子详细解析以下过滤器filters,一开始理解过滤器的时候以为是过滤不要的内容,原来再vue中,过滤器有承接的关系,就是上一个过滤器的返回值给下一个过滤器,下一个过滤器的返回值给下下一个过滤器…

图解:

filters过滤器会把第一个前一个变量的值拿过来作为函数的变量。本例子中message是一个数字,作为filter()的变量。 例如:

<div id="app">
<span></span>
</div>
<script>
var vue = new Vue({
el:'#app',
data:{
message:"10"
},
filters:{
filter(val){
return val*10; // 10000
}
}
})
</script>
本文为博主原创文章,知识共享,开源精神,转载注明出处。