我已经开始使用Vue了.在旧的现有项目中使用Vuetify的js.所以我没有重写所有的前端，我只是导入了Vue并替换了一些部件.
然后，我注意到了一个意想不到的行为——Vuetify具有通用类的全局样式，比如.title，它影响整个页面，而不仅仅是Vue部分.
所以，问题是，如何在Vue组件中隔离vuetify样式？
UPD:按照@DigitalDriver的建议，我try 使用stylus块级别的导入.所以我搬走了
import 'vuetify/dist/vuetify.min.css'
从main.js开始，创建了一个新的.styl文件(由css导入)，内容如下:
.vuetify-styles
@import '~vuetify/src/stylus/main'
然后将这个类添加到根组件:<App class="vuetify-styles">
UPD2: After that you can get bug related to stylus compilation. More about it -> https://github.com/vuetifyjs/vuetify/issues/4864
少UPD3:对我来说也很好.
# vuetify-styles.less
.vuetify-styles {
@import (less) '../../node_modules/vuetify/dist/vuetify.min.css';
}
然后把它输入你的main.js
import './vuetify-styles.less'