vue3 - 21.定义全局函数&变量

globalProperties

定义全局函数和变量：vue2 的写法：

vue.prototype.$varName = () => {}

定义全局函数和变量：vue3 的写法：

const app = createApp(App)
app.config.globalProperties.$varName = () => {}

案例1：

main.ts

import { createApp} from 'vue'
const app = createApp(App)

type SAY = {
    format: <T>(str: T) => string
}
declare module '@vue/runtime-core' {
    export interface ComponentCustomProperties {
        $varName: SAY,
        $env: string
    }
}
app.config.globalProperties.$varName = {
    format<T>(str: T): string {
        return 'say' + `${str}`
    }
}
app.config.globalProperties.$env = 'dev'

index.vue

<template>
  <div>
    {
  { $varName.format("Hello") }} - {
  { $env }}
  </div>
</template&g