如何在 vue 3 子组件中导入 css 个文件?
How to import css files in vue 3 child components?
我正在使用 vue 3,我需要知道如何为不同的子组件导入不同的样式 sheet。例如,我有 3 个子组件,比如说 A 和 B,我想在 A 中导入样式 sheet X,在 B
中导入样式 sheet Z
在 Vue 组件中导入 CSS
如果您设置并使用 webpack,您应该能够直接从组件文件中的 <style>
标签内导入 css。
// In Component A
<style scoped>
@import "./X.css"
</style>
// In Component B
<style scoped>
@import "./Y.css"
</style>
更多信息在这里:
我正在使用 vue 3,我需要知道如何为不同的子组件导入不同的样式 sheet。例如,我有 3 个子组件,比如说 A 和 B,我想在 A 中导入样式 sheet X,在 B
中导入样式 sheet Z在 Vue 组件中导入 CSS
如果您设置并使用 webpack,您应该能够直接从组件文件中的 <style>
标签内导入 css。
// In Component A
<style scoped>
@import "./X.css"
</style>
// In Component B
<style scoped>
@import "./Y.css"
</style>
更多信息在这里: