Vue中的filter是一種用于格式化數據的工具。在Vue組件中，我們經常需要對一些數據進行過濾處理，以便更好地展示給用戶。比如顯示日期、貨幣、百分比等等。這時候，就需要用到Vue的filter機制。

在Vue中，filter是一種全局可用的工具，可以被任何組件使用。filter本質上是一個函數，它接收一個參數，然后返回處理后的結果。這個函數可以定義在Vue實例的filters屬性中，也可以在組件內部使用filters屬性進行定義。

Vue.filter('currency', function(value) {
return '￥' + value.toFixed(2);
});
new Vue({
el: '#app',
data: {
price: 19.99
}
});

上面的代碼定義了一個名為currency的全局filter。它接收一個數值類型的參數，并返回格式化后的貨幣值。在Vue實例中，我們定義了一個price屬性，然后在模板中使用過濾器來顯示它的貨幣值。

原價：{{ price }}
折后價：{{ price * 0.8 | currency }}

上面的代碼使用了currency過濾器來對price屬性進行了格式化。通過在price后面加上“|”符號和過濾器的名字，我們就可以在模板中使用過濾器了。在這個例子中，我們把原價乘以0.8來得到折后價，然后通過currency過濾器來對其進行格式化。

總結一下，Vue的filter機制本質上就是一個函數式編程的思想，它允許我們在模板中使用函數來對數據進行格式化處理。通過定義不同的filter函數，我們就可以實現各種不同的數據格式化方式，大大提高了開發效率和代碼的可維護性。