Vue:Vuetify

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


优点

Vuetify几乎不需要任何CSS代码,而element-ui有许多布局样式由其编写。

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

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


利用vuecli来安装Vuetify

运行命令

vue add vuetify

可以看到项目下新增了文件 plugins/vuetify.js

注:仅会对当前项目有影响,其他的新建项目不会有任何变化。


使用

在vuecli、npm或yarn命令下将其安装完成后,在main.js中引入

import Vue from 'vue'

import Vuetify from 'vuetify'

Vue.use(Vuetify)

样式文件需要另外引入,在main.js引入、cdn的形式引入或配置文件 cdn的形式引入。

官方中文网站:https://vuetifyjs.com/zh-Hans

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。