uniapp使用Vue3挂载函数到全局

原创

特创码农 2024-01-21 00:24:51 博主文章分类：uniapp ©著作权

文章标签 uni-app vue.js javascript 全局函数 App 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者特创码农的原创作品，请联系作者获取转载授权，否则将追究法律责任

在uni-app中，我们可以使用Vue3的全局API来挂载函数到全局。以下是一个简单的示例：

首先，我们需要在main.js文件中引入Vue3和我们的全局函数：

import { createApp } from 'vue'
import App from './App.vue'
import globalFunction from './globalFunction' // 引入全局函数

const app = createApp(App)
app.config.globalProperties.$myGlobalFunction = globalFunction // 将全局函数挂载到Vue实例上
app.mount('#app')

然后，我们可以在我们的组件中使用这个全局函数：

export default {
  methods: {
    callGlobalFunction() {
      this.$myGlobalFunction() // 调用全局函数
    }
  }
}

在这个例子中，我们首先在main.js文件中引入了Vue3和我们的全局函数globalFunction。然后，我们使用app.config.globalProperties将全局函数挂载到Vue实例上。这样，我们就可以在任何组件中通过this.$myGlobalFunction()来调用这个全局函数了。