在vite+ts项目中, 如何在全局使用message等组件

1. 在utils/global.ts中定义并暴露一个window全局对象

export const naiveTools = window as any;

2. 在app.vue中进行组件挂载

import {useDialog, useLoadingBar, useMessage, useNotification} from 'naive-ui'
// 挂载naive组件的方法至naiveTools, 以便在全局使用
function setupNaiveTools() {
    naiveTools.$loadingBar = useLoadingBar()
    naiveTools.$notification = useNotification()
    naiveTools.$message = useMessage()
    naiveTools.$dialog = useDialog()
}
setup() {
    setupNaiveTools()
},

3. 在需要的地方导入naiveTools,