我有一个项目,在 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>
Run Code Online (Sandbox Code Playgroud)
在这种情况下,vuetify 样式影响了我的整个项目样式,以及我的核心样式改变了 vuetify 组件样式。
我也习惯于在 Vue 组件、单文件组件中限定样式。但结果和之前一样,改变了整个 Vue 组件。那么,如何使用 vuetify 组件(例如 FAB)正确且清晰地将组件的样式与我的核心样式分开?请帮我。