vue_过滤器（小结）

• content | 过滤器，vue中没有提供相关的内置过滤器，可以自定义过滤器

• 组件内的过滤器 + 全局过滤器

  • 组件内过滤器就是options中的一个filters的属性（一个对象）

    • 多个key就是不同过滤器名，多个value就是与key对应的过滤方式函数体

  • Vue.filter(名，fn)

• 总结：

  • 全局：范围大，权利小
  • 组件内：权利大，范围小

• 例子：你是年少的欢喜（将输入的内容做一个反转）

<template>
	<div>
		请输入内容：
		<input type="text" name="" v-model="text">
		显示：{{text | myFilter}}
	</div>
</template>
<script>
	export default {
		filters:{
			myFilter:function(value){ 
				//转换成数组，反转数组，转换成字符串
				return value.split('').reverse().join('');
			}
		},
		data(){
			return {
				text:''
			}
		}
}
</script>
<style></style>