vuetifyjs简介及其使用

Posted 蓝空魔星

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuetifyjs简介及其使用相关的知识,希望对你有一定的参考价值。

何为 vuetify

一个vue ui库,提供vue组件供使用。根据 Google Material Design 指南实现(https://material.io/)。Vuetify支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式web应用程序)和标准html页面。
受支持的浏览器:不太旧的一般都支持

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

 
 

以上是关于vuetifyjs简介及其使用的主要内容,如果未能解决你的问题,请参考以下文章

如何在 vuetify 弹出模式上放置要使用输入元素(v-select)固定的下拉项?

Vuetify 图标大小

Vuetify 导航抽屉问题

Vuetify 评级组件未呈现

对 vuetify 组件使用不同的文本值

Vuetify SSR分页