有時(shí)在做項(xiàng)目時(shí)，不同場(chǎng)景的項(xiàng)目既要有網(wǎng)站，又要有手機(jī)端，為了快速開(kāi)發(fā)，如果功能簡(jiǎn)單，要求不高的話(huà)，我們一般會(huì)用H5進(jìn)行移動(dòng)端的適配。
如果采用純html進(jìn)行書(shū)寫(xiě)手機(jī)端的樣式，往往UI的體驗(yàn)感非常差。為了增強(qiáng)UI的體驗(yàn)，則往往會(huì)利用已有的UI組件進(jìn)行搭配使用。

1) 選擇手機(jī)UI組件的依據(jù)

• 輕量級(jí)
  如果是過(guò)于笨重的組件庫(kù)，則打包后文件會(huì)非常大，嚴(yán)重影響加載速度，體驗(yàn)感非常差。
• 組件的完整性
  這個(gè)也是比較重要的，如果組件庫(kù)不完整，要么自己去造輪子，要么再引入另外一個(gè)UI庫(kù)。
• UI的美觀(guān)
  這個(gè)直接影響UI體驗(yàn)感。

2) 比較好用的幾款UI組件庫(kù)1. mint UI

• 組件地址：http://mint-ui.github.io/#!/zh-cn
• 項(xiàng)目地址：https://github.com/ai-word
• 支持vue: vue2.0版本

2. muse UI

• 組件地址：https://muse-ui.org/#/zh-CN
• 項(xiàng)目地址：https://github.com/ai-word
• 支持vue: vue2.0版本

3. nutUI

• 組件地址：https://nutui.jd.com
• 項(xiàng)目地址：https://github.com/ai-word
• 支持vue: vue3.0版本

注：所有項(xiàng)目稍后會(huì)上傳。

資源下載

https://github.com/ai-word

總結(jié)

以上是生活随笔為你收集整理的vue ui框架_「webAPP」记录几款比较好用的vue 移动端的ui框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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