Vue过滤器的定义与使用

直接贴代码

<div id="app">
	<p>{{ msg | msgFormat('疯狂') | test }}</p>
</div>
<script>
	//定义一个Vue全局的过滤器
	// 也可以传递多个参数，只要第一个是对应的数据就可以了
	Vue.filter('msgFormat', function(msg, arg){
		return msg.replace(/单纯/g, arg);
	}); 
	Vue.filter('test', function(data){
		return data + '==========';
	});
	var vm = new Vue({
		el: '#app',
		data: {
			msg: '曾经我也是一个单纯的少年,单纯的我，傻傻的问，谁是世界上最单纯的男人'
		}
	});
</script>	

以上是过滤器的最基本的定义和使用。