过滤器：让要显示在页面上的内容进行重新筛选
1.全局过滤器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="itany">{{2|add}}</div>
<script src="dist/vue.js"></script>
<script>
Vue.filter('add',function(age){
if (age<10){
return'0'+age
}else {
return age
}
})
new Vue({
el:'#itany'
})
</script>
</body>
</html>
2.局部过滤器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="itany">
<p>{{new Date()|add}}</p>
</div>
<script src="dist/vue.js"></script>
<script>
new Vue({
el:'#itany',
filters:{
add:function(data){
return data.getFullYear()+'年'+(data.getMonth()+1)+'月'+data.getDate()+'日,星期'+data.getDay()+','+data.getHours()+'点'+data.getMinutes()+'分'+data.getSeconds()+'秒';
}
}
})
</script>
</body>
</html>
