vue项目，项目中有一些代码逻辑是相同的，写法也相同，我怎么把他封装成一个公用的方法，完成不同的功能

Question

1、vue项目，其中在用户中心设置中调用本地接口这一块有很多相同之处，2、例如：在配置发送消息快捷键上，我们的接口有添加本地配置和更新本地配置，当我要设置发送消息快捷键时，我需要判断一下如果本地有这个配置那么使用更新本地配置接口，在成功回调中也要做不同的操作。还有配置好友上线声音提醒等许多也是这样的操作，目前我是各自写个各自的，但是我觉得这样写有点重复搬砖的意思，我该怎优化我的代码。3、setSendMsgKey(action, val, keyName){      console.log(action, 'action'); // action要调的接口名      let tempVal = val;      if(val == '0') tempVal = 'CTRL_ENTER';      if(val == '1') tempVal = 'ENTER';      let setSendMsgKeyCB = resp => {        console.log(resp, '配置用户发送消息快捷键');        if(resp.code == 0){          this.$store.commit('SET_USER_LOCALCONFIG', { key: 'send_msg_key', value: tempVal });          if(action == 'addLocalSetting') this.$store.commit('SET_USER_LOCALCONFIG', { key: keyName, value: true });        }      }      if(action == 'addLocalSetting'){        this.$Service.user.addLocalSetting(          [{ key: 'send_msg_key', value: tempVal }],          setSendMsgKeyCB        )      } else {        this.$Service.user.updateLocalSetting(          [{ key: 'send_msg_key', value: tempVal }],          setSendMsgKeyCB        )      }    },

Answer 1

建议新建 util.js存放自定义公共方法, 需要的时候import调用

或者将方法定义在一个对象内

const utils = {

    setSendMsgKey(action, val, keyName) {}

}

Vue.prototype.utils = utils

调用

this.utils.setSendMsgKey(action, val, keyName)

Answer 2

1.封装成公共的方法，放到utils里，像楼上说的那样
2.扩展vue原型对象
3.mixins

Answer 3

把回调也作为参数传入

Vue.prototype.$setSendMsgKey= function(action, val, keyName,setSendMsgKeyCB){

    ...

}

以后用的时候用

this.$setSendMsgKey(.. , resp => {

    ...

})

是这个意思吗