Vuetify is a Material UI framework for Vuejs which make development of cross platform apps quick and easy. It is a UI library which is full of essential layout, app bar, menu and common UI element required for fast development.
Setup vuetify for Vuejs
Create a vue project with routes (recommended) using the CLI tool either byvue create <project-name> or using vueui
Add vuetify using the following command
vue add vuetify
Optionally you can configure it manually from UI while using the vue ui for creating the vue project.
Following are the basic layout of an landing page of vuetify-vuejs app.
<!-- Must have the app property -->
All of our layout code goes through <v-app> tag and the main used for some special purposes, in our simple app it just a Hello world string. You can find some special app bar and drawers on the UI section
Vuetify is a Material UI framework for Vuejs which make development of cross platform easy. It is a UI library which is full of essential layout, app bar, menu and common UI element required for fast development.
The UI Kit is best suited for mobiles and cross platform development, these component require zero configuration. All you need to do is create a view project, and vuetify and start building.
Users can copy the snippet for the Vuetify site and add to the template and focus on script part.
Another Material UI which superior to Vuetify is Quasar , we will talk about that in another post