四、vue过滤器的使用

只能用在两个地方v-bind指令和mustachc

定义一个全局过滤器

用于常见文本的格式化

<p :class="classobj">{{msg | myguolv}}</p>

Vue.filter('myguolv',function(msg){
		return msg.replace('单纯','邪恶')
	})
	
 var vm = new Vue({
   el:'#app',
   data:{
	       msg:'我曾经是个单纯的少年',
   flag:0,
   classobj:{red:true,active:true}
   }
   });

可以有多个过滤器,过滤器的第二个值arg可以进行传多个参数

<p :class="classobj">{{msg | myguolv(msg,arg,arg2) | myguolv2}}</p>

定义一个私有的过滤器

 var vm = new Vue({
   el:'#app',
   data:{
	       msg:'我曾经是个单纯的少年',
   flag:0,
   classobj:{red:true,active:true}
   },
   filters:{//[过滤器名称和处理函数]
	   myguolv1:function(msg){
		   return msg+"123";
	   }
   }
   });