提示:本项目是先使用了若依框架进行开发后进行添加Vuetify
前言
Vuetify的某些ui组件动效非常不错,想要添加在已有的项目内使用
提示:以下是本篇文章正文内容,下面案例可供参考
如何安装?
Vue CLI 安装
vue add vuetify
![add vuetify](https://img-blog.csdnimg.cn/89a1967c0b2f42cda98912514722dabc.png)
输入完命令后会出现几个选择如上图所示,选择默认的指令进行继续安装(如下图所示)
![add vuetify](https://img-blog.csdnimg.cn/a33efb3133be48efb12ccc40a0460eb7.png)
二、使用步骤
启动项目后出现如下图所示这样就说明已安装成功,并可以使用Vuetify的任意ui组件
![Vuetify](https://img-blog.csdnimg.cn/a1f6e629636f4ac6a0a1eed40e2182a6.png)
使用Vuetify中v-calendar组件(具体实例到Vuetify官网中查看)
![v-calendar](https://img-blog.csdnimg.cn/b31f26ee5da84fa09f7d8e271ab1a89a.png)