Vue3基础之全局函数

1. vue3 Main.js 配置全局函数

全局->utils 中增加空判断函数

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

const utils = {
    isEmpty:(value)=>{
        if(value==null||value==undefined||value.trim()==""){
            return true
        }
        return false
    }
}
app.config.globalProperties.utils = utils
/**
 * 在此挂在路由，vuex等
 */
app.mount('#app')

2.使用全局函数

• 引入vue中getCurrentInstance
• 生成proxy根据getCurrentInstance
• proxy调用全局函数

<script setup>
import {ref, getCurrentInstance}  from 'vue'
const { proxy } = getCurrentInstance()
const msg = ref("哈哈哈哈哈")

// 判断msg是否为空
let result = proxy.utils.isEmpty(msg)
console.log('result--------',result)


</script>