在Vue 2中，過濾器(filter)是一種用來格式化和處理數據的功能。您可以將它們應用于插值表達式({{ }})、綁定表達式(v-bind)和指令中。

以下是如何使用過濾器的步驟：

1. 在Vue組件的選項中定義一個過濾器。您可以使用`Vue.filter()`方法或在組件內部使用`filters`選項來定義過濾器。

下面是兩種定義過濾器的示例：

   a. 使用Vue.filter()方法：

   Vue.filter('capitalize', function(value) {
     if (!value) return '';
     value = value.toString();
     return value.charAt(0).toUpperCase() + value.slice(1);
   });

   b. 使用`filters`選項：

   export default {
     // ...
     filters: {
       capitalize(value) {
         if (!value) return '';
         value = value.toString();
         return value.charAt(0).toUpperCase() + value.slice(1);
       }
     },
     // ...
   }

2. 在模板中使用過濾器。您可以在插值表達式、綁定表達式和指令中使用過濾器。

   a. 在插值表達式中使用過濾器：

   <template>
     <div>
       {{ message | capitalize }}
     </div>
   </template>

   b. 在綁定表達式中使用過濾器：

<template>
     <div>
       <span v-bind:title="title | capitalize"></span>
     </div>
   </template>

   c. 在指令中使用過濾器：

 <template>
     <div>
       <input v-model="inputValue | capitalize">
     </div>
   </template>

這樣，在您的Vue組件中就可以使用自定義的過濾器來格式化和處理數據了。請確保在模板中正確引用了過濾器的名稱，并且傳遞了所需的參數（如果有的話）。

需要注意的是，在Vue 3中，過濾器已被廢棄，推薦使用計算屬性或方法來代替過濾器。