使用全局屬性代替過濾器
~~~
<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')
~~~
