vue 提取公共的方法

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

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

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

import { commonData } from '../utils/common.js'