Vue.js的filter是一種十分有用的工具，它可以被用于格式化文本，過濾數據，或者優化界面展示。它在vue的template語法中使用豎線（|）進行調用，可以很方便地完成各種操作。

在vue.js的安裝過程中，我們會自動安裝一個名為Vue.filter(name, filter)的API函數，它用于定義一個名為name的全局過濾器。在控制臺中輸入：Vue.filter('filterName',function(value){})，即可創建一個名為filterName的過濾器。

Vue.filter('time', function(value) {
var date = new Date(value * 1000);
var year = date.getFullYear(),
month = date.getMonth() + 1,
day = date.getDate(),
hour = date.getHours(),
minute = date.getMinutes(),
second = date.getSeconds();
if (month< 10) {
month = '0' + month
}
if (day< 10) {
day = '0' + day
}
if (hour< 10) {
hour = '0' + hour
}
if (minute< 10) {
minute = '0' + minute
}
if (second< 10) {
second = '0' + second
}
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
});

以上的代碼創建了一個名為“time”的過濾器，它可以將Unix時間戳格式化為易讀的日期和時間。在模板中使用這個過濾器非常簡單：

{{ timestamp | time }}

當我們輸入一個Unix時間戳時，它將會自動被過濾器轉換為格式化后的日期和時間。Filters亦可以接受任意數量的參數：

Vue.filter('info', function(value, arg1, arg2) {
// some logic here...
return result;
});
{{ data | info('arg1', 'arg2') }}

以上是關于Vue.js中filter的一些基本用法，通過靈活應用filter，我們可以很好地定制我們想要呈現的數據格式，提高數據的可讀性，也增加了我們代碼的可擴展性。