filter主要用于数据展示之前的处理过滤器只能用在v-bind或者插值表达式中
<div id='app'>
<p>{{timerformatter(birth)}}</p>
<p>{{birth|tool}}</p>
<!-- 过滤器用法 需要过滤的元素|过滤函数 -->
<!-- 使用地点:
过滤器只能用在v-bind或者插值表达式中
-->
</div>
<script>
new Vue({
el:'#app',
data: {
birth:"1997-01-10"
},
methods: {
timerformatter(str){
var age=new Date().getFullYear-new Date(str).getFullYear
return age+"岁"
},
},
filters:{
tool(str){
var age=new Date().getFullYear-new Date(str).getFullYear
return age+"岁"
}
}
})
</script>
可以多个过滤器:
<body>
<div id='app'>
<P>{{birth|tool|tool2}}</P>
<!-- 过滤器用法 需要过滤的元素|过滤函数 -->
<!-- 使用地点:
过滤器只能用在v-bind或者插值表达式中
-->
</div>
<script>
new Vue({
el:'#app',
data: {
birth:"1997-01-10"
},
methods: {
timerformatter(str){
var age=new Date().getFullYear-new Date(str).getFullYear
return age+"岁"
},
},
filters:{
tool(str){
var age=new Date().getFullYear-new Date(str).getFullYear
return age+"岁"
},
tool2(str){
if(parseInt(str)>18){
return "已有"+age+"岁,欢迎光临"
}else{
return "只有"+age+"岁,不能进入"
}
}
}
})
</script>