1. 創(chuàng)建文件夾 以及 JS文件 用來存放公共的方法
在這里插入圖片描述
在這里插入圖片描述
common.js 文件中內(nèi)容如下
const commonData = () => {
console.log('我是公共的方法')
}
export { commonData }
2. ① 在 main.js 文件中全局引入，并在 vue 的原型鏈 (prototype) 中注冊(cè)
// 引入 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>
