1. 创建文件夹 以及 JS文件 用来存放公共的方法

在这里插入图片描述

在这里插入图片描述

const commonData = () => {
    console.log('我是公共的方法')
}
export { commonData }

2. ① 在 main.js 文件中全局引入，并在 vue 的原型链 (prototype) 中注册

// 引入 common.js
import { commonData } from './utils/common.js'
// 将 common 配置给 Vue 的 $common 成员
Vue.prototype.$commonData = commonData

然后在需要用到该方法的组件文件中使用，如下图

<template>
  <div></div>
</template>

<script>
export default {
  created() {
    this.$commonData();
  }
};
</script>

<style lang="less" scoped>
</style>

2. ② 在需要用到该方法的组件文件中局部引用

import { commonData } from '../utils/common.js'
<script>
export default {
    created() {
        commonData();
    }
};
</script>