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