最近公司小伙伴正在使用VUE写一个项目,当遇到共同问题的时候,抱着不要重复制造轮子的概念,我们如何轻松的封装一个JS类库使用呢?废话不多说:
首先SRC下面创建对应的文件:


文件内容:

export default class openKitTime {
    // 按日查询
    static ben(a) {
        return a+1;
    }
}

至于为什么要用static,自己百度去
下面我们要将类库添加到全局可以使用,也就是整个项目的任意位置都可以使用
打开SRC下面的main.js(VUE的入口文件)方法文件

//先 import 引入
import openKitTime from './openkit-js/openKitTime'

Vue.config.productionTip = false
//将 myUtils 挂载到 vue 的原型上
Vue.prototype.openKitTime = openKitTime;

好了,接下来你就可以在任意位置使用你的工具类了

delete1() {
    alert(this.openKitTime.ben(1);
}

这时候我们发现弹出了数字2,表示我们的工具类实现完成