vue.js - 无论如何我只能在 vue.js 中为 vuetify 导入必要的组件吗？

Question

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import {Vuetify} from 'vuetify';
import { store } from './store/store';
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';
import 'vuetify/dist/vuetify.min.css';

Vue.config.productionTip = false;
Vue.use(BootstrapVue);
Vue.use(IconsPlugin);
Vue.use(Vuetify);
new Vue({
    vuetify: new Vuetify(),
    render: h => h(App),
    store: store,
    router
}).$mount('#app');

现在我正在将整个 vuetify 导入到我的 vue.js 项目中，有什么办法可以只导入一些特定的组件吗？例如，v-data-table、v-toolbar、v-spacer、v-dialog、v-card、v-card-title、v-card-text、v-btn。如果我只想使用 vuetify 中的这些组件，我怎么能在 vue.js 中做到这一点？

这是我尝试过的。但这给了我一些错误。

import {v-data-table,v-toolbar,v-spacer,v-dialog,v-card,v-card-title,v-card-text,v-btn} from 'vuetify';

标签： vue.jsvuetify.js