如何将 vue JS 单文件组件 css 放入文件中而不是内联

Question

我正在使用 vue js 单个文件组件，但刚刚意识到我包含在组件样式部分的 css 只是作为内联样式添加到 HTML 头中。有没有办法将所有组件的 css 放入 1 个 css 文件中，以便可以缓存它，而不是内联？

Answer 1

如果你想要另一个选项来在你的组件 vue 中添加 css，你可以在你的组件文件夹中创建一个 css 文件，这些文件具有相同的名称，有你的 vue 文件(不是义务(，例如：

• myComponent.vue
• 我的组件.css

之后你只需要在你的 vue 文件中导入你的 css 文件。