最近公司小伙伴正在使用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,表示我们的工具类实现完成