vue 这样的函数，怎么提取为公共函数？

Question

在一个组件里有这样一个方法：name: 'user', data() {  const checkExist = (rule, value, callback) => {    if (value) {      this.$http.get(....).then(res => {        if (res.id === this.itemId) {           ...         }       });     }     callback();   };  return {    itemId: '',    rules: {      name: [{ validator: checkExist, message: ‘名称已存在’ }];     },   }; },其中这个checkExist如何提取为公共函数，可以在别的组件中直接应用。特别有一点不清楚就是函数里使用了axios的封装this.$http，提取为公共函数后该如何处理比较科学？还有如何处理this.itemId的引用？

Answer 1

推荐我的这种写法：

// utils.jsexport const checkExist = http => (rule, value, cb) => {    if (value) {
        http() // 
    }
    cb()
}// 调用import { setUpcheckExit } from 'utils'const checkExist = setUpcheckExit(this.$http)
...

data() {    return {        rules: {            name: [{ validator: checkExist, message: ‘名称已存在’ }];
        }
    }
}