vuetify是什么?

vuetify是一个基于vue2.0,为移动而生的组件框架,一个渐进式的UI框架。

Vuetify支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式web应用程序)和标准HTML页面。

受支持的浏览器:不太旧的一般都支持

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

为什么是Vuetify?

  • Vuetify几乎不需要任何CSS代码,而element-ui许多布局样式需要我们来编写

  • Vuetify从底层构建起来的语义化组件。简单易学,容易记住。

  • Vuetify基于Material Design(谷歌推出的多平台设计规范),更加美观,动画效果酷炫,且风格统一

这是官网的说明:

1.png

缺陷:

目前官网虽然有中文文档,但因为翻译问题,几乎不太能看。

如何使用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的形式引用。

更多vue.js相关知识,可访问 Vue.js答疑 栏目!!

以上就是vuetify是什么?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

1/1