一、filter的作用是:对值进行筛选加工。
二、使用的地方有两个位置,和两个方式。
使用位置:
双括号插值内
{{ msg | filterA }}
v-bind绑定的值的地方
<h1 v-bind:id=" msg | filterA">{{ msg }}</h1>
(注意:msg为需要filter处理的值,filterA为过滤器。)
使用方式
单个使用
{{ msg | filterA }}
多个连用
{{ msg | filterA| filterB }}
三、过滤器的制作方法:
new Vue({
filters:{
filterA(value){
return “¥”+value}
}
})
//添加filters属性,该属性内的函数就是过滤器。其中value就是{{msg|filterA}}中的msg。