<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<p>{{price|RMB}}</p>
</div>
</body>
<script>
<!-- 过滤器分两种：全局过滤器和局部过滤器，用来格式化文本-->
Vue.filter('RMB',function(v){
//全局过滤器
return v + '$'
});
var vm = new Vue({
el:'#app',
data:{
price:23.9,
},
//局部过滤器，直接把过滤器写在vm对象中
filters:{
'RMB':function(v){
return v + '$'
}
}
})
</script>
</html>