vue.js 调用公用方法

// main.js
import Vue from 'vue';

Vue.prototype.$myGlobalMethod = function () {
  // 公用逻辑
};

// 在组件中使用
export default {
  mounted() {
    this.$myGlobalMethod();
  }
};

// myMixin.js
export default {
  methods: {
    myMixinMethod() {
      // 公用逻辑
    }
  }
};

// 在组件中使用
import myMixin from './myMixin';

export default {
  mixins: [myMixin],
  mounted() {
    this.myMixinMethod();
  }
};

// myPlugin.js
export default {
  install(Vue) {
    Vue.prototype.$myPluginMethod = function () {
      // 公用逻辑
    };
  }
};

// 在 main.js 中使用
import Vue from 'vue';
import MyPlugin from './myPlugin';

Vue.use(MyPlugin);

// 在组件中使用
export default {
  mounted() {
    this.$myPluginMethod();
  }
};

// utils.js
export function myUtilityFunction() {
  // 公用逻辑
}

// 在组件中使用
import { myUtilityFunction } from './utils';

export default {
  mounted() {
    myUtilityFunction();
  }
};