首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VUE-Vuetify框架

2.Vuetify框架 2.1.为什么要学习UI框架 Vue虽然会帮我们进行视图的渲染,但样式还是由我们自己来完成。...而目前与Vue吻合的UI框架也非常的多,国内比较知名的如: element-ui:饿了么出品 i-view:某公司出品 然而我们都不用,我们今天推荐的是一款国外的框架:Vuetify 官方网站:https.../ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HnmFopnH-1577937379826)(assets/1525960652724.png)] 2.2.为什么是Vuetify...原因如下: Vuetify几乎不需要任何CSS代码,而element-ui许多布局样式需要我们来编写 Vuetify从底层构建起来的语义化组件。简单易学,容易记住。...Vuetify基于Material Design(谷歌推出的多平台设计规范),更加美观,动画效果酷炫,且风格统一 这是官网的说明: ? 缺陷: 目前官网虽然有中文文档,但因为翻译问题,几乎不太能看。

4.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    技术分享 | 学做测试平台开发-Vuetify 框架

    Vuetify 是 Vue 的语义化组件框架,旨在提供整洁、语义化和可重用的组件,使得构建应用程序更方便。 Vuetify 核心是为了提供各种可重复使用的,即插即用并且适合各种项目规格的组件。...Vuetify 被设想为从底层创建。每一个组件,指令和功能所有的工作都无缝结合,让你能够专注创建你的应用。 为移动设备而生。所有的 Vuetify 组件都是专为移动设备设计。...Vuetify 自带 3 个 Vue 模板,随时可使用。...:https://vuetifyjs.com/zh-Hans/api/vuetify/ Vuetify 是 Vue 的语义化组件框架,旨在提供整洁、语义化和可重用的组件,使得构建应用程序更方便。...Vuetify框架就先说到这里啦,大家可以多多练习一下哦~

    1.4K40

    【译】如何使用webpack减少vuejs打包的大小

    \\/locale$/, /moment$/) 减少Vuetify.js的大小 我的下一个目标是Vuetify.js的大小。Vuetify占用空间500.78KB。...image.png Vuetify提供了一种他们称之为点菜的功能。这允许你仅导入你使用的Vuetify组件。这会减少Vuetify的大小。...Vuetify文档说明要获得所有必需的样式,我们需要在stylus中导入它们。 我意识到我们正在运行旧版本的vuetify.js。 所以我决定将我的vuetify版本升级到最新版本。...我还同时安装了style和vuetify-loader: npm install vuetify vuetify-loader stylus stylus-loader style-loader css-loader...以下是我目前的Vuetify插件: image.png 我需要将Vuetify的导入更改为从vuetify/lib导入。 我还将导入stylus以获得所有样式。

    4.2K20

    如何使用webpack减少vuejs打包的大小

    \\/locale$/, /moment$/) 减少Vuetify.js的大小 我的下一个目标是Vuetify.js的大小。Vuetify占用空间500.78KB。...Vuetify提供了一种他们称之为点菜的功能。这允许你仅导入你使用的Vuetify组件。这会减少Vuetify的大小。挑战在于我们有如此多的应用程序正在进行并试图确定我们正在使用的组件不会改变。...Vuetify文档说明要获得所有必需的样式,我们需要在stylus中导入它们。 我意识到我们正在运行旧版本的vuetify.js。 所以我决定将我的vuetify版本升级到最新版本。...我还同时安装了style和vuetify-loader: npm install vuetify vuetify-loader stylus stylus-loader style-loader css-loader...以下是我目前的Vuetify插件: 我需要将Vuetify的导入更改为从vuetify/lib导入。 我还将导入stylus以获得所有样式。

    1.7K10

    如何选择一个 vue ui 框架?

    1.1 适用 PC 端 1.2 适用移动端 1.3 其它 2,vuetify 是什么,为什么选择它? 2.1 Vuetify给出的 vue ui 框架对比图 2.2 vuetify 支持移动应用吗?...2.3 基于 vuetify 后台 web 应用如何开发? 2.4 如何在微信小程序中使用 vuetify? 2.5 如何快速开始使用 vuetify?...2,vuetify 是什么,为什么选择它? Vuetify 是 Vue.js 的一个UI组件库,自2016年以来一直在积极开发。...2.2 vuetify 支持移动应用吗? vuetify 为移动设备而生。所有的 vuetify 组件都是专为移动设备设计。应用程序可以轻松在不同的方向和屏幕尺寸间转换。...以下是 vuetify 应用程序在桌面视图中的外观: 当调整浏览器大小时,应用程序应该会切换至移动视图: 2.3 基于 vuetify 后台 web 应用如何开发?

    5.1K30
    领券