建站
咨詢
售后
建站咨詢
新聞中心
#概覽
從 Vue 3.0 開始，過濾器已刪除，不再支持。
創(chuàng)新互聯(lián)建站客戶idc服務(wù)中心，提供遂寧服務(wù)器托管、成都服務(wù)器、成都主機(jī)托管、成都雙線服務(wù)器等業(yè)務(wù)的一站式服務(wù)。通過各地的服務(wù)中心，我們向成都用戶提供優(yōu)質(zhì)廉價的產(chǎn)品以及開放、透明、穩(wěn)定、高性價比的服務(wù)，資深網(wǎng)絡(luò)工程師在機(jī)房提供7*24小時標(biāo)準(zhǔn)級技術(shù)保障。
#2.x 語法
在 2.x，開發(fā)者可以使用過濾器來處理通用文本格式。
例如：
Bank Account Balance
{{ accountBalance | currencyUSD }}
雖然這看起來很方便，但它需要一個自定義語法，打破大括號內(nèi)表達(dá)式是“只是 JavaScript”的假設(shè)，這不僅有學(xué)習(xí)成本，而且有實現(xiàn)成本。
#3.x 更新
在 3.x 中，過濾器已刪除，不再支持。相反地，我們建議用方法調(diào)用或計算屬性替換它們。
使用上面的例子，這里是一個如何實現(xiàn)它的例子。
Bank Account Balance
{{ accountInUSD }}
#遷移策略
我們建議用計算屬性或方法代替過濾器，而不是使用過濾器。
#全局過濾器
如果在應(yīng)用中全局注冊了過濾器，那么在每個組件中用計算屬性或方法調(diào)用來替換它可能就沒那么方便了。
相反地，你可以通過全局屬性在所有組件中使用它:
// main.js
const app = createApp(App)
app.config.globalProperties.$filters = {
currencyUSD(value) {
return '$' + value
}
} 然后，你可以通過 $filters 對象修改所有的模板，像下面這樣：
Bank Account Balance
{{ $filters.currencyUSD(accountBalance) }}
注意，這種方式只能用于方法中，不可以在計算屬性中使用，因為后者只有在單個組件的上下文中定義時才有意義。
文章題目：創(chuàng)新互聯(lián)VUE3教程：Vue3.0過濾器
標(biāo)題網(wǎng)址：http://www.dlmjj.cn/article/cceecie.html
