1. 创建文件夹 以及 JS文件 用来存放公共的方法
在这里插入图片描述
在这里插入图片描述
common.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>
