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