filter主要用于数据展示之前的处理过滤器只能用在v-bind或者插值表达式中
<div id='app'>
<p>{{timerformatter(birth)}}p>
<p>{{birth|tool}}p>
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>
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>