前端小tips--vue过滤器filters/filter

vue允许自定义过滤器，以实现用户对实际开发中数据的特殊格式或文本处理

1. 使用方法(两种)：

<!-- 双花括号 -->
{{ message | messageFilter }}

<!-- v-bind -->
<div v-bind:id="messageId | messageFilter"></div>

2. 局部过滤器filters定义示例： 注意：filters在定义时，与其他钩子函数同级。

			messageFilter(val){
				switch(val){
					case undefined || "":
					  return "暂无";
					  break;
					case val:
						return val;
						break;
				}
			},
                    }

3. 全局过滤器filter定义示例： 注意：全局过滤器定义时，需在vue实例创建之前;定义后可在全局调用，不受限于本地当前vue实例组件

Vue.filter('messageFilter', (val)=>{
    switch(val){
		case undefined || "":
			return "暂无";
			break;
		case val:
			return val;
			break;
		}
    }
)