Vuetify框架

為什么要學(xué)習(xí)UI框架

Vue雖然會(huì)幫我們進(jìn)行視圖的渲染，但樣式還是由我們自己來(lái)完成。這顯然不是我們的強(qiáng)項(xiàng)，因此后端開(kāi)發(fā)人員一般都喜歡使用一些現(xiàn)成的UI組件，拿來(lái)即用，常見(jiàn)的例如：

• BootStrap

• LayUI

• EasyUI

• ZUI

然而這些UI組件的基因天生與Vue不合，因?yàn)樗麄兏嗟氖抢肈OM操作，借助于jQuery實(shí)現(xiàn)，而不是MVVM的思想。

而目前與Vue吻合的UI框架也非常的多，國(guó)內(nèi)比較知名的如：

• element-ui：餓了么出品

• i-view：某公司出品

然而我們都不用，我們今天推薦的是一款國(guó)外的框架：Vuetify

官方網(wǎng)站：https://vuetifyjs.com/zh-Hans/

為什么是Vuetify

有中國(guó)的為什么還要用外國(guó)的？原因如下：

• Vuetify幾乎不需要任何CSS代碼，而element-ui許多布局樣式需要我們來(lái)編寫(xiě)

• Vuetify從底層構(gòu)建起來(lái)的語(yǔ)義化組件。簡(jiǎn)單易學(xué)，容易記住。

• Vuetify基于Material Design（谷歌推出的多平臺(tái)設(shè)計(jì)規(guī)范），更加美觀，動(dòng)畫(huà)效果酷炫，且風(fēng)格統(tǒng)一

這是官網(wǎng)的說(shuō)明：

缺陷：

• 目前官網(wǎng)雖然有中文文檔，但因?yàn)榉g問(wèn)題，幾乎不太能看。

怎么用？

基于官方網(wǎng)站的文檔進(jìn)行學(xué)習(xí)：

我們重點(diǎn)關(guān)注UI components即可，里面有大量的UI組件，我們要用的時(shí)候再查看，不用現(xiàn)在學(xué)習(xí)，先看下有什么：

以后用到什么組件，就來(lái)查詢即可。

總結(jié)

以上是生活随笔為你收集整理的vuetify的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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