filter过滤器

vue2.0后，过滤器都需要自定义了。过滤器分为全局过滤器和局部过滤器。
1.全局过滤器：

    全局过滤器：
        语法：Vue.filter( '过滤器名称'，function(val){
            val 是原始数据，即需要过滤的数据
            处理数据后的数据用return返回
            如：return "$"+val
            调用： {{ data | 过滤器名称 }}  | 管道 ，过滤器名称一般首字母大写 如：{{ msg | F }}
        } )

    局部过滤器：
        在vue实例中进行定义：
        filters：{
            过滤器名称：function(val){
                coding....
                return 过滤后的值
            }

        } 

全局过滤器： 在全局都可以使用；
局部过滤器：只在声明这个过滤器的vue实例中可以使用
过滤器的串联使用 {{ data | 过滤器A | 过滤器B }}

代码片：

//调用

    <p>{{ msg | F }}</p>
    <p>{{ msg | A }}</p>

// 全局过滤器
Vue.filter('F',function(val){
    return "$"+val;
})

new Vue({
    el: ".box",
    data: {
        msg: "hello"
    },
    // 局部过滤器
    filters: {
        "A": function(val){
                return '$'+val;
            }
    }
})