过滤器，就是vue允许开发者自定义的文本格式化函数，可以使用在两个地方：输出内容和操作数据中。
定义过滤器的方式有两种,全局和局部过滤器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.bb{
background-color: tan;
}
</style>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<h1>{{price|yuan}}</h1>
<!-- <h1>{{price.toFixed(3)}}</h1>-->
<h1>{{price|keeptwopoint(1)}}</h1>
<h1>{{price|keeptwopoint(1,2,3)}}</h1> <!-- 传递多个参数 -->
<h1>{{price|RMB}}</h1>
<h1>{{price|keeptwopoint(2)|RMB}}</h1> <!-- 连续使用多个过滤器 -->
</div>
</body>
<script>
// 全局过滤器,任何对象都可以直接使用这个过滤器
Vue.filter('RMB',function (val){
return val + 'RMB'
})
var card = new Vue({
el:"#app",
data:{
price:100,
},
methods:{
},
// 局部过滤器,只能在当前对象中使用
filters:{
yuan(val){
return val + '元'
},
keeptwopoint(val,n){
return val.toFixed(n)
}
},
});
</script>
</html>