uniapp如何写全局函数

定义全局函数

在 main.js 文件中定义全局函数，通过 Vue.prototype 挂载到 Vue 实例上。这种方式定义的函数在所有 Vue 组件中可通过 this 调用。

// main.js
Vue.prototype.$globalMethod = function() {
    console.log('This is a global method');
}

使用全局函数

在任意 Vue 组件中直接通过 this 调用挂载的全局函数。

// 组件内调用
this.$globalMethod();

模块化封装

将全局函数封装为独立模块，通过 main.js 引入并挂载。这种方式便于维护和复用。

// utils/global.js
export const globalMethod = () => {
    console.log('Module-based global method');
};

// main.js
import { globalMethod } from './utils/global';
Vue.prototype.$globalMethod = globalMethod;

全局混入

通过 Vue.mixin 实现全局混入，所有组件将自动继承混入的函数或生命周期钩子。

// main.js
Vue.mixin({
    methods: {
        mixedInMethod() {
            console.log('Method from global mixin');
        }
    }
});

注意事项

• 全局函数命名建议以 $ 开头，避免与组件内方法冲突。
• 过度使用全局函数可能导致代码难以维护，建议合理控制数量。
• 对于复杂逻辑，优先考虑模块化封装而非直接挂载到原型。