Vue过滤器

过滤器常用于文本格式化，可以用在两个地方：插值表达式和v-bind属性绑定
（过滤器在Vue3.0中已经被移除，推荐使用计算属性来代替过滤器）

<!-- 在双花括号中通过“管道符 |” 调用 capitalize 过滤器，对message的值进行格式化-->
<p>{{ message | capitalize}}</p>

<!-- 在v-bind中通过“管道符 | ”调用formatId过滤器，对rawId的值进行格式化-->
<div v-bind:id="rawId | formatId"></div>

/*和data平级，过滤器是函数，必须有返回值*/
filers:{
	/*过滤器的形参val，永远是管道符前面那个值*/
	capitalize(val){
		console.log(val)
		
		return “结果”
	}
}

全局过滤器：

/* 第一个参数是过滤器的名字，第二个参数是处理函数*/
Vue.filter('capitalize', (star) => {
	return str.charAt(0).toUpperCase() + str.slice(1) + '~~'
})