过滤器

过滤器

1.定义

对部分数据进行特殊处理,显示在视图中

2.使用

• 全局过滤器

  // 全局过滤器
        /**
         * 参数一:过滤器的名称
         * 参数二:回调函数,接收一个系统自动注入的参数:e(形参)
         *          形参e接收的是要过滤的对象
         * 过滤器必有return
        */
        Vue.filter('全局过滤器名称',(e)=>{
           return  操作
        })

• 局部过滤器

  // 实例化vue
        new Vue({
            el:'#app',
            data:{
                tel:'18988886666',
                price:88.00
            },
            // 局部过滤器
            filters:{
                //e:要过滤的对象
                过滤器的名称:function(e){
                   return 操作
                }
            }
        })

• 全局不过滤和局部过滤器的区别

全局过滤器:在任何vue实例中都可使用
布局过虑器:只在当前vue实例中使用

总结:
new Vue({
	el:'#app',//挂载点
	data:{},//数据
	methods:{},//方法
	watch:{},//监听
	computed:{},//计算属性
	filters:{},//过滤器
})