vue中过滤器、管道符的简单使用

过滤器使用

• html页面

 <div> {{name | FName}} </div>

• data数据

data {
	return {
	    name: '10'
	}
}

• 过滤器使用

   filters: { 
	   FName: function (value) {
	      var name = '';
	      switch (value) {
	         case '10':
	             name = '小王';
	             break;
	         case '20':
	             name = '小吕';
	             break;
             case '30':
                 name = '小袁';
                 break;
	         default:
	            name = '老王';
	            break;
	     }
	     return name;
	  }
	}

注意：

   data与filters平级

未完待续。。。