引入mui

1.不需要npm安裝;

?

直接從官方下載丟進來

2.那就是全局引用了;

沒錯,就是index.html里直接引入,當然也可以main.js引入,隨意啦!

so easy

3.找到webpack.base.conf.js,在module與plugins之間插入以下代碼:

?

4.這樣就可以在項目里面直接用了.然就是mui與vue-router及點擊事件會有一些沖突的問題;

在mounted里加入這行代碼:路由就可以跳轉了

eg:就直接代替a標簽了;

可是點擊事件怎么弄呢;有點偷懶,就隨便碼了碼;借用mui的tap事件了,@cllick事件畢竟有延遲的嘛

直接上代碼

?

具體用法很簡單

params是參數啦!??href="javascript:void(0)" 記得加上,不然頁面可能會跳一下

無聊試了下tab切換

?

總結:

自己摸索的,想的寫的不夠完善或是還可以改進的,希望給點意見;共勉,進步!

作者：jump心很自由
鏈接：https://www.jianshu.com/p/1484734b0fa4
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

總結

以上是生活随笔為你收集整理的webpack+vue+mui学习心得的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。