>[success] # 过滤器 ~~~ 1.从 Vue 3.0 开始,过滤器已删除,不再支持。 ~~~ >[info] ## 官方给的建议 ~~~ 1.建议用计算属性或方法代替过滤器,而不是使用过滤器。 ~~~ >[info] ## vue2.x =》 vue3.x 全局过滤属性官方也给了对应建议 ~~~ 1.如果在应用中全局注册了过滤器(vue2.x 项目想到3.x),那么在每个组件中用计算属性或方法调用来替 换它可能就没那么方便了。你可以通过全局属性在所有组件中使用 ~~~ >[danger] ##### 案例 * 定义一个全局的'$filters' 对象 ~~~ // main.js const app = createApp(App) app.config.globalProperties.$filters = { currencyUSD(value) { return '$' + value } } ~~~ * 通过 $filters 对象修改所有的模板 ~~~ <template> <h1>Bank Account Balance</h1> <p>{{ $filters.currencyUSD(accountBalance) }}</p> </template> ~~~