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