E：VUE 插件 开发与使用 （一）

此文写于做过一个小项目后，当时对于vue的一些插件用的很不熟，弄个时间效果换了2个，最终还是用 jquery 版本实现的功能！！

或许用的不熟，总感觉现在的插件不能完全满足，相对于以后的项目，封装写基本的插件是少不了的，所以学习一下vue的插件封装！！（VUE刚刚会扶着墙爬，就想飞的 感觉！！哈哈）

关于vue插件

插件一般都有如下几种形式导入

ES6
import vuePayKeyboard from 'vue-pay-keyboard'

//  通过require 导入
var vuePayKeyboard = require('vuePayKeyboard')

// 通过use挂载
Vue.use(vuePayKeyboard)

// 或者直接导入js文件
<script src="./dist/vue-pay-keyboard.js"></script>

vue插件的规范

// plug.js 
const plug = {  //  定义一个对象
    install (Vue, options) {  // 需要拥有一个 install 方法
    }
}
// 导出这个对象
export default plug
//那么此时，在其他页面 我们就可以通过 use的方式来使用
import plug from  'plug'
Vue.use(plug)

 

详细教程 参考 https://blog.csdn.net/qq20004604/article/details/56965703

具体实践，以ydui zxui 的模式拓展练习

666