如何在vue 3子组件中导入css文件？

Question

我正在开发Vue 3，我需要知道如何为不同的子组件导入不同的样式表。

例如，我有 3 个子组件，假设A和B，并且我想导入样式表XinA和 样式表Zin B。

Answer 1

在Vue组件中导入CSS

如果您正在设置并使用 webpack，您应该能够直接从<style>组件文件中的内部标签导入 css。

// In Component A
<style scoped>
@import "./X.css"
</style>

// In Component B
<style scoped>
@import "./Y.css"
</style>

更多信息请点击这里：

• https://cli.vuejs.org/guide/css.html
• https://github.com/vuejs/vue-loader