uniapp vue3 setup 全局方法

uniApp结合Vue 3.x 的`setup`生命周期钩子可以让你更方便地管理全局状态、响应式数据以及组件间的交互。在`setup`中，你可以定义一些在整个应用程序中复用的函数和变量，如下所示：

import { createApp } from 'uni-app'
import App from './App.vue'

// 定义全局方法
const globalMethods = {
  fetchData: async (params) => {
    // ... 这里通常会发起网络请求
    return await fetch('api endpoint', params)
  }
}

const app = createApp(App)

// 将全局方法挂在Vue.prototype上供所有组件访问
app.config.globalProperties.$fetchData = globalMethods.fetchData

// 注册组件
app.mount('#app')

在上述代码中，`globalMethods`对象包含了你想在整个应用中共享的方法。然后，我们通过`config.globalProperties`将这个方法绑定到每个Vue实例的`$fetchData`上，使得在任何组件中都能直接调用`this.$fetchData`。

`setup`钩子的优势在于它可以更好地利用Composition API提供的API，如`ref`、`watch`等，来管理状态，避免了传统Vuex或全局混杂的状态管理方式。