如何在我現有的Vue2項目中清晰地分開使用vuetify組件

Question

我有一個項目，工作在Laravel & Vue2。我想在我的項目的特定部分使用來自Vue插件Vuetify的一些材質組件。首先，我在我的項目加入Vuetify樣式如下波紋管：

... 
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet"> 
<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet"> 
</head> 

在這種情況下，vuetify風格影響了我的整個項目的風格，以及改變vuetify組件樣式我的核心樣式。
我也用於在Vue組件，單個文件組件中限定風格。但結果與之前一樣，改變了整個Vue組件。所以，我怎樣才能使用vuetify組件，如FAB，正確清晰地分離組件的風格和我的核心風格？請幫幫我。

Answer 1

當你使用2個不同的css框架時，發生衝突是正常的。幸運的是，您現在可以使用a la carte功能15.x從vuetify導入特定組件。

樣品

import Vue from 'vue' 
import { Vuetify, VApp, VBtn } from 'vuetify' 

Vue.use(Vuetify, { 
    components: { 
    VApp, 
    VBtn 
    } 
}) 

這樣，你只需要輸入你所需要的。

請參閱https://vuetifyjs.com/vuetify/a-la-carte