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分页