vue中过滤器

使用范围

常用语文本的格式化,过滤器可用在两个地方:双括号插值 和v-bind** 表带式**,用符号"|"表示,

	在双括号的中
	{{ message | format }}
	
	在 v-bind 中
	 <div v-bind:id = " rawId | format "></div>

具体使用请参考vue官方文档:https://cn.vuejs.org/v2/guide/filters.html

全局注册过滤器

如果项目中使用的过滤器比较多,不妨单独用一个filter.js文件用来专门写过滤器,在main.js中添加如下代码,就可以将filter中过滤器全部注册为全局过滤器,可供各个模块直接使用

	import * as filters from './filters'
	Object.keys(filters).forEach(key => {
	  Vue.filter(key, filters[key])
	})