vue3在main.js里面定义全局函数，然后其他页面使用

main.js

import App from './App.vue'
import {ElMessage, ElMessageBox} from 'element-plus'

const app = createApp(App)

//确认对话框
app.config.globalProperties.$comfimBox=(msg)=>{
    return new Promise((resolve,reject)=> {
        ElMessageBox.confirm(
            `${msg}?`,
            '提示',
            {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: '提示',
            }
        ).then((res) => {
            resolve(res)
        }).catch(err => {
            console.log(err)
        });
    })
}

app.mount('#app')

使用的地方

my.vue

setup里面定义的变量和函数必须return抛出才能在页面和methods里面使用

methods想使用setup里面的函数，直接使用this.函数名即可。使用变量也是this.变量名

const { proxy } = getCurrentInstance();不能直接使用在methods的函数事件里面。