vue前端框架—Mint UI詳解（更適用于移動端）
一、mintUI簡介
mint是一個基于vue的前端UI框架，而它的樣式比較類似于手機的樣式，可以說是一個基于vue打包app的UI框架，使用mint框架可以給使用vue打包的app的用戶更好的交互體驗。mint已支持vue2.0。
二、安裝和引入mintUI
在安裝之前首先要對vue.js有所了解，有一個建立好的vue的項目以及安裝好的node.js。
執(zhí)行命令npm i mint-ui -S，出現(xiàn)以下界面代表安裝成功。
引入muitUI：
在main.js中加入
import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI)
注意：樣式需要單獨引入。這樣引入可以引入全部的組件
如果不想引入全部組件，只想按需引入，則需要安裝
npm install babel-plugin-component -D
修改.babeirc為：
然后import需要的組件就可以了
三、使用示例
1、提示信息toast
html:
'
js:
在頁面中的效果：
2、消息提示框
html:
js:
頁面效果：
更多的示例和具體使用方法請看mintUI官方文檔：http://mint-ui.github.io/#!/zh-cn
通過以上的兩個示例可以看到，使用mintUI的用戶交互界面要友好很多，在基于vue開發(fā)app的時候可以考慮使用這個前端UI框架。
以上所述是小編給大家介紹的vue前端框架—Mint UI的詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
使用echarts柱狀圖實現(xiàn)select下拉刷新數(shù)據(jù)
這篇文章主要介紹了使用echarts柱狀圖實現(xiàn)select下拉刷新數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
使用Element-UI的el-tabs組件,瀏覽器卡住了的問題及解決
這篇文章主要介紹了使用Element-UI的el-tabs組件,瀏覽器卡住了的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)右鍵彈出菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了vue 解決兄弟組件、跨組件深層次的通信操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue 使用 sortable 實現(xiàn) el-table 拖拽排序功能
這篇文章主要介紹了vue 使用 sortable 實現(xiàn) el-table 拖拽排序功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
虛擬列表是一種優(yōu)化長列表渲染的技術(shù),它可以在保持流暢性的同時,渲染大量的數(shù)據(jù),本文主要介紹了如何使用vue手寫一個虛擬列表,感興趣的可以了解下2024-04-04
使用VUE實現(xiàn)在table中文字信息超過5個隱藏鼠標移到時彈窗顯示全部
這篇文章主要介紹了使用VUE實現(xiàn)在table中文字信息超過5個隱藏，鼠標移到時彈窗顯示全部,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
最近公司在研發(fā)app,選擇了基于Vue框架的vux組件庫，現(xiàn)總結(jié)在實現(xiàn)上拉刷新功能遇到的坑,感興趣的朋友參考下吧2018-02-02
使用Vue.js創(chuàng)建一個時間跟蹤的單頁應(yīng)用
這篇文章主要介紹了使用Vue.js創(chuàng)建一個時間跟蹤的單頁應(yīng)用的相關(guān)資料,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了Vue+Element-UI實現(xiàn)上傳圖片并壓縮功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11