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'

你可能感兴趣的