过滤器 — 移除
最后更新于:2022-04-02 08:14:05
>[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 对象修改所有的模板
~~~
';
Bank Account Balance
{{ $filters.currencyUSD(accountBalance) }}
~~~