使用全局属性代替过滤器
~~~
<template>
<h1>Bank Account Balance</h1>
<p>{{ $filters.currencyUSD(accountBalance) }}</p>
</template>
// main.js
const app = createApp(App)
//Vue.prototype 替换为 app.config.globalProperties
//全局属性定义必须在挂载前
app.config.globalProperties.$filters = {
currencyUSD(value) {
return '$' + value
}
}
app.mount('#app')
~~~
