過濾器

Vue.js 允許你將可選的過濾器附加到表示式的末尾,用管道符號表示:

{{ message | capitalize }}

在這裡,我們通過內建的 capitalize 過濾器管道message 表示式的值,這實際上只是一個返回大寫值的 JavaScript 函式。Vue.js 提供了許多內建過濾器,我們將討論如何在以後編寫自己的過濾器。

請注意,管道語法不是 JavaScript 語法的一部分,因此你不能在表示式中混合使用過濾器; 你只能在表示式的末尾附加它們。

過濾器可以連結:

{{ message | filterA | filterB }}

過濾器也可以帶引數:

{{ message | filterA 'arg1' arg2 }}

filter 函式始終接收表示式的值作為第一個引數。引用的引數被解釋為純字串,而未引用的引數將被計算為表示式。這裡,普通字串'arg1'將作為第二個引數傳遞給過濾器,表示式 arg2 的值將被評估並作為第三個引數傳入。