vue3_定义全局函数和变量

最新推荐文章于 2024-05-20 12:33:35 发布

前端小菜鸡yy

最新推荐文章于 2024-05-20 12:33:35 发布

阅读量139

点赞数

文章标签：数学建模

本文链接：https://blog.csdn.net/qq_45104829/article/details/130924546

版权

main.ts

const app = createApp(App)
app.config.globalProperties.$msg = '我是全局变量'
app.config.globalProperties.$filters = {
    format<T extends any>(str:T):string {
        return `${str}`
    }
}

index.vue中使用的两种方式

import {ref,getCurrentInstance,ComponentInternalInstance} from 'vue'
const { appContext }  = <ComponentInternalInstance>getCurrentInstance()
// tips1
console.log(appContext.config.globalProperties.$filters.format('天下第一！'));
// tips2
const app2 = getCurrentInstance()
console.log(app2?.proxy?.$filters.format('我第二'));