Filter在Vue，JS，JQ中的使用

vue 中的filter的使用：

關鍵字filter，官方文件(https://cn.vuejs.org/v2/guide/filters.html#ad)說明在vue中過濾器可以用在兩個地方：雙花括號差值和v-bind表示式。

 

{{ message | capitalize }} 這樣的表示方式稱之為管道，其關鍵字是“|”

自定義過濾器的主要作用是對資料在顯示之前進行處理包裝。過濾器分為全域性過濾器(filter)和區域性過濾器(filters)。用下面的例子進行解釋。

HTML部分：

 

JS部分：

 

JQuery中的filter的使用(http://jquery.cuishifeng.cn/filter.html)：

filter(expr|obj|ele|fn) 篩選出與指定表示式匹配的元素集合，這個方法用於縮小匹配的範圍 。用逗號分割多個表示式。

引數：

expr	string
字串值，包含供匹配當前元素集合的選擇器表示式
obj	object
現有的JQuery物件，已匹配當前的元素
element	Expression
一個用於匹配元素的DOM元素
function(index)	Function
一個函式用來作為測試元素的集合。它接受一個引數index，這是元素在JQuery集合的索引。在函式，this指的是當前的DOM元素。

示例：

 

 

JS中的filter的使用(http://www.runoob.com/jsref/jsref-filter.html)：

定義和用法：filter()方法建立了一個新的陣列，新陣列中的元素是通過檢查指定資料中符合條件的所有元素

注意:filter()不會對陣列進行監測，不會改變原始陣列。

 

        本篇文章借鑑了vue,js和jq的中文文件總結出來的，針對的是新人程式猿容易忽略的小知識點，博主作為程式猿升級道路上的新人希望各路神仙，女媧娘娘以及盤古大神給予耐心的指導和鼓勵。

博主在此真心感謝。