vuetifyjs簡介及其使用

何爲 vuetify

一個vue ui庫，提供vue組件供使用。根據 Google Material Design 指南實現（https://material.io/）。Vuetify支持SSR(服務端渲染)，SPA(單頁應用程序)，PWA(漸進式web應用程序)和標準HTML頁面。

受支持的瀏覽器：不太舊的通常都支持

vuetify gitlab地址：https://github.com/vuetifyjs/vuetify

爲什麼 vuetify

vuetify的界面能夠爲所欲爲的配置主題。​

​

 

如何 vuetify

初始化（全局使用）

npm 或者yarn安裝完成以後，在main.js中引入

import Vue from 'vue'import

Vuetify from 'vuetify'

Vue.use(Vuetify)

樣式文件須要另外引入，在main.js引入或者cdn的形式引入

或者配置文件 cdn的形式引入

注意事項

vuetify使用與vue中，使用cdn或者包管理器安裝。其中分爲js和css的引用。須要注意的是圖標樣式的使用須要防止在html中cdn的形式引用。

PS

搭建的 vuetify admin https://github.com/lankongmoxing/vue-vuetify-admin