vue 封装全局方法

vue 封装全局方法

1，新建一个publicFun.js 文件

export default {
  publicFun(data1,) {
    switch (data1) {
      case 1 :
      console.log("全局方法调用"+data1)；
      break;
      case 2:
      console.log(data1)；
      break;
      default:
      console.log(“条件不满足时，执行这里”)；
      break;
    }
  }
}

2，在vue的main.js中导入并添加到原型上

import publicFun from 'publicFun'  //注意文件路径的准确性
Vue.prototype.$publicFun= publicFun;

3,在组件中使用，直接用this指向方法，就会返回结果

this.$publicFun.publicFun(1)   // 控制台打印结果：全局方法调用1