vuetifyjs简介及其使用

Posted 2021-01-12 蓝空魔星

何为 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