不積跬步，無以至千里；不積小流，無以成江海。

Vuejs語言基礎

過濾器：

用來篩選出符合條件的，丟棄不符合條件的；

既可以篩選，又可以對篩選出來的進行加工。

• 使用位置

1. 雙括號插值內：

{{ msg | filterA }}

2. v-bind繫結的值的地方：

<h1 v-bind:id=" msg | filterA">{{ msg }}</h1>

• 使用方式

1. 單個使用：

{{ msg | filterA }}

2. 多個使用：

{{ msg | filterA| filterB }}

• 定義方式

1. 區域性過濾器:

var vm = new Vue({
    el: '#app',
    data: {
        name: 'tutu'
    },
    methods: {},
     //定義私用區域性過濾器。只能在當前 vue 物件中使用
    filters: {
        dataFormat(msg) {
            return msg+'www';
        }
    }
});

2. 全域性過濾器

<div id="app">
    <p>{{ msg | msgFormat}}</p>
</div>

<script>
    // 定義一個 Vue 全域性的過濾器，名字叫做  msgFormat
    Vue.filter('msgFormat', function(msg) {
    // 字串的  replace 方法，第一個引數，除了可寫一個 字串之外，還可以定義一個正則
        return msg + 'www'
    })
</script>

部落格借鑑：https://www.cnblogs.com/wujiaofen/p/11236176.html