首頁 > web前端 > Vue.js > vuetify是什麼框架?

vuetify是什麼框架?

青灯夜游
發布: 2020-11-13 09:47:31
原創
10697 人瀏覽過

Vuetify是一個基於vue2.0,為移動而生的元件框架,一個漸進式的UI框架;旨在提供整潔、語義化和可重用的元件,使得建立應用程式更方便。 Vuetify支援SSR,SPA,PWA和標準HTML頁面。

vuetify是什麼框架?

相關推薦:

Vuetify是什麼?

Vuetify是一個基於vue2.0,為移動而生的元件框架,一個漸進式的UI框架;旨在提供整潔、語義化和可重用的元件,使得構建應用程式更方便。 Vuetify支援SSR(服務端渲染),SPA(單頁應用程式),PWA(漸進式web應用程式)和標準HTML頁面。

  • Vuetify核心是為了提供各種可重複使用的,即插即用並且適合各種項目規格的元件。

  • Vue的語意成分。利用Vue的功能組件,所有基於標記的用於援助主體部件的類,例如一個card題目,可以使用v-card-title來處理。

  • 成型容易。 Vuetify被設想為從底層創建。每一個組件,指令和功能所有的工作都無縫結合,讓你能夠專注於創建你的應用。

  • 為行動裝置而生。所有的Vuetify組件都是專為行動裝置設計。應用程式可以輕鬆在不同的方向和螢幕尺寸間轉換。從桌面,到平板電腦或手機,都可以。

  • 預先製作的Vue CLI範本。 Vuetify自備3個Vue模板,預先配置,隨時可使用。

  • 伺服器端建立於Vue渲染。使用內部總線,Vuetify為基於應用的SSR準備好安裝

透過借助Vue 和Material Design 的強大功能,以及大量精心製作的組件庫和特性,我們可以使用Vuetify 構建優秀的應用。 Vuetify 遵守 Google 的 Material Design 規範,其元件具有易記憶的語義設計,可將記憶複雜的類別和標記符號轉換為簡單且明確的名稱。

官方網站:https://vuetifyjs.com/zh-Hans/

為什麼要用Vuetify?

原因如下:

  • Vuetify幾乎不需要任何CSS程式碼,而element-ui許多佈局樣式需要我們來寫

  • Vuetify從底層建構出來的語意化元件。簡單易學,容易記住。

  • Vuetify基於Material Design(Google推出的多平台設計規格),更美觀,動畫效果酷炫,且風格統一

這是官網的說明:

vuetify是什麼框架?

缺陷:

目前官網雖然有中文文檔,但因為翻譯問題,幾乎不太能看。

怎麼用?

基於官方網站的文檔進行學習:

vuetify是什麼框架?

#我們專注於UI components即可,裡面有大量的UI元件,我們要用的時候再查看,不用現在學習,先看下有什麼:

vuetify是什麼框架?

vuetify是什麼框架?

以後用到什麼元件,就來查詢即可。

相關推薦:

2020年前端vue面試題大匯總(附答案)

vue教程推薦:2020最新的5個vue.js影片教學精選

更多程式相關知識,請造訪:程式設計教學! !

以上是vuetify是什麼框架?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板