Vue.js是一種流行的JavaScript框架，它具有強大的過濾器功能，可以簡化數據的處理和呈現。Vue自帶了一些常用的過濾器，例如{{ message | capitalize }}，可以將字符串的首字母變成大寫。

下面是Vue自帶的一些過濾器示例：

{{ message | capitalize }}        // 首字母大寫
{{ message | uppercase }}         // 全部大寫
{{ message | lowercase }}         // 全部小寫
{{ message | capitalizeWords }}   // 單詞首字母大寫
{{ date | date('YYYY-MM-DD') }}   // 格式化日期
{{ amount | currency }}           // 轉換為貨幣格式

如果需要自定義過濾器，可以使用Vue.filter()方法。例如，創建一個將數字加上%符號的自定義過濾器：

Vue.filter('addPercent', function (value) {
return value + '%';
});

然后在模板中使用：

{{ price | addPercent }}

除了單個值的過濾器，Vue支持多參數過濾器。例如，創建一個限制字符串長度的過濾器：

Vue.filter('truncate', function (value, length, suffix) {
if (value.length > length) {
return value.substring(0, length) + suffix;
} else {
return value;
}
});

然后在模板中使用：

{{ title | truncate(25, '...') }}

Vue的過濾器是一個非常實用的工具，可以簡化數據處理和格式化輸出。在需要格式化數據的時候不妨試試。