此文寫于做過一個(gè)小項(xiàng)目后，當(dāng)時(shí)對(duì)于vue的一些插件用的很不熟，弄個(gè)時(shí)間效果換了2個(gè)，最終還是用 jquery 版本實(shí)現(xiàn)的功能！！

或許用的不熟，總感覺現(xiàn)在的插件不能完全滿足，相對(duì)于以后的項(xiàng)目，封裝寫基本的插件是少不了的，所以學(xué)習(xí)一下vue的插件封裝！！（VUE剛剛會(huì)扶著墻爬，就想飛的 感覺！！哈哈）

關(guān)于vue插件

插件一般都有如下幾種形式導(dǎo)入

ES6 import vuePayKeyboard from 'vue-pay-keyboard'// 通過require 導(dǎo)入 var vuePayKeyboard = require('vuePayKeyboard')// 通過use掛載 Vue.use(vuePayKeyboard)// 或者直接導(dǎo)入js文件 <script src="./dist/vue-pay-keyboard.js"></script>

vue插件的規(guī)范

// plug.js const plug = { // 定義一個(gè)對(duì)象install (Vue, options) { // 需要擁有一個(gè) install 方法 } } // 導(dǎo)出這個(gè)對(duì)象 export default plug //那么此時(shí)，在其他頁面 我們就可以通過 use的方式來使用 import plug from 'plug' Vue.use(plug)

?

詳細(xì)教程 參考?https://blog.csdn.net/qq20004604/article/details/56965703

具體實(shí)踐，以ydui zxui 的模式拓展練習(xí)

666

?

轉(zhuǎn)載于:https://www.cnblogs.com/lovelgx/articles/9151472.html

總結(jié)

以上是生活随笔為你收集整理的E：VUE 插件 开发与使用 （一）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。