Vuetify框架

為什么要學習UI框架

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

• BootStrap

• LayUI

• EasyUI

• ZUI

然而這些UI組件的基因天生與Vue不合，因為他們更多的是利用DOM操作，借助于jQuery實現(xiàn)，而不是MVVM的思想。

而目前與Vue吻合的UI框架也非常的多，國內比較知名的如：

• element-ui：餓了么出品

• i-view：某公司出品

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

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

為什么是Vuetify

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

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

• Vuetify從底層構建起來的語義化組件。簡單易學，容易記住。

• Vuetify基于Material Design（谷歌推出的多平臺設計規(guī)范），更加美觀，動畫效果酷炫，且風格統(tǒng)一

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

缺陷：

• 目前官網(wǎng)雖然有中文文檔，但因為翻譯問題，幾乎不太能看。

怎么用？

基于官方網(wǎng)站的文檔進行學習：

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

以后用到什么組件，就來查詢即可。

總結

以上是生活随笔為你收集整理的vuetify的全部內容，希望文章能夠幫你解決所遇到的問題。

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