如何写一个VUE的JS插件

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

export default class openKitTime {

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

}

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

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

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

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

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

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

Last modification:July 5th, 2018 at 08:46 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment