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;
            }
    }
})