【问题标题】:How to import css files in vue 3 child components?如何在 vue 3 子组件中导入 css 文件?
【发布时间】:2019-03-17 12:12:30
【问题描述】:

我正在开发 vue 3,我需要知道如何为不同的子组件导入不同的样式表。例如,我有 3 个子组件,假设 A 和 B,我想在 A 中导入样式表 X,在 B 中导入样式表 Z

【问题讨论】:

    标签: vue.js vue-cli-3


    【解决方案1】:

    在 Vue 组件中导入 CSS

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

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

    更多信息在这里:

    【讨论】:

    • 非常感谢。我还想补充一点,它可以像这样导入 // In Component A
    • 啊,是的,对不起,你提到你有 vue-cli,这为你设置了 webpack 别名“@”:P
    猜你喜欢
    • 2021-01-30
    • 2022-01-09
    • 2019-07-25
    • 2021-10-04
    • 2019-05-12
    • 2019-05-26
    • 2017-05-18
    • 2017-02-12
    • 2017-06-19
    相关资源
    最近更新 更多