全局函数和变量

全局变量

// vue2 Vue.prototype.$http = ...

// vue3 main.ts

const app = createApp(App)
type Filter = {
  priceFormat: (price: number) => string
  // ...
}
declare module '@vue/runtime-core' { // ts使用filter报错，需要声明 ComponentCustomProperties 固定写法
  export interface ComponentCustomProperties { 
    $filter: Filter
    // ...
  }
}
app.config.globalProperties.$filter = {
  priceFormart(price: number): string {
    return '￥' + price
    // ...
  }
}

app.mount('#app')

// index.vue 模板插值使用
{{$filter.priceFormart(100)}}