在官方文件中，是這樣說明的：可被用於一些常見的文字格式化，vue中過濾器的作用可被用於一些常見的文字格式化。（也就是修飾文字，但是文字內容不會改變）過濾器分兩種：
全域性過濾器、區域性過濾器
全域性過濾器使用頻率還是非常高的。
兩個小例子：1、給金額前加「￥」符號，2、裝置狀態用文字展示。用三種方式分別來實現。
一、不使用過濾器：
>
class
="filter"
>
>
>
>
1、￥}p
>
>
2、裝置狀態：}p
>
/>
div>
el-card
>
div>
template
>
>
export
default;}
, methods:
;return
status
[value];}
}};script
>
過濾器可以用在兩個地方：雙花括號插值 或 v-bind表示式。
看乙個小例子：
>
class
="filter"
>
>
>
>
3、}p
>
>
4、裝置狀態：}p
>
/>
div>
el-card
>
div>
template
>
>
export
default;}
, filters:`;
},devicestatus
(value)
;return
status
[value];}
},};
script
>
處理函式的第乙個引數是：管道符前邊的——文字內容，如果處理函式上邊傳遞引數，則從第二個引數依次往後是傳遞的引數。
三、全域性過濾器
全域性過濾器使用：vue.filter( filtername，( )=> )
在實際開發中，全域性過濾器經常會被在資料（比如時間、日期的裝飾）上邊，通常我們會把處理函式給抽離出去，統一放在乙個.js檔案中(/utils/filters.js)
// filters.js
// 全域性過濾函式
export
function
filter_price
(val)
export
function
filter_device_status
(val)
;return
status
[val]
;}
main.js中引入filters.js，當然，也可以在使用的具體頁面上引入filters.js。
但是對於全域性過濾器來說，最好是在main.js中定義，規範些，匯入的是乙個物件，所以使用object.keys（）方法，得到乙個由key組成的陣列，遍歷資料，讓key作為全域性過濾器的名字，後邊的是key對應的處理函式，這樣在任何乙個元件中都可以使用全域性過濾器了：
// main.js
// 引入全域性過濾函式
import
*as _filter from
"@/utils/filters"
;console.
log(
"fil--"
, _filter)
;object.
keys
(_filter)
.foreach
(item =>
);
直接呼叫：filter_price、filter_device_status
>
class
="filter"
>
>
>
>
5、}p
>
>
6、裝置狀態：}p
>
div>
el-card
>
div>
template
>
>
export
default;}
,};script
>
Swift之過濾器 filter
swift 提供了很多方便的函式來運算元組，比如 filter,map,reduce，flatmap 等.今天我們了解一下 filter 顧名思義 就是用來過濾的，這是 swift 為每個陣列提供的乙個新式 filter 用於選擇陣列元素中滿足某種條件的元素。假設有乙個陣列，接著想要建立乙個新的陣列...
Servlet之過濾器Filter
過濾器 filter 即是對資料等的過濾，預處理過程。為什麼要引入過濾器呢？在平常訪問 的時候，有時候發一些敏感的資訊，發出後顯示時就會將敏感資訊用 等字元替代，這就是用過濾器對資訊進行了處理。這只是乙個簡單的例子，當然，過濾器那麼強大，它的功能也不可能侷限於此，它不僅能預處理資料，只要是傳送過來的...
AngularJS 之 過濾器 Filter
一 內建過濾器 1 大小寫轉換 uppercase lowercase 2 json格式化 將物件轉換成json字串 預設輸出就是json字串 json 3 number格式化 1.2 1.235 1,234,567 4 currecy貨幣格式化 500.00 rmb 250.00 5 date格式...