vue如何使用vuetify库

Vue2如何使用vuetify2库进行开发

终端下载vuetify:

npm install vuetify@^2.0.0`

main.js导入vuetify:

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  render: h => h(App)
})

在组件中使用vuetify进行开发

<template>
  <v-app>
    <v-card>
      <v-card-title>Card Title</v-card-title>
      <v-card-text>Card text goes here.</v-card-text>
    </v-card>
  </v-app>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>