vue如何将本地和全局风格混合在一起

2022-03-16 19:31:46 37 0
魁首哥

vue如何将本地和全局风格混合在一起

这篇文章主要介绍了vue如何将本地和全局风格混合在一起,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

将本地和全局风格混合在一起

通常在使用样式时我们希望它们被限定为单个组件:

vue如何将本地和全局风格混合在一起

<stylescoped>.component{background:green;}</style>

如果你需要还可以添加一个非作用域样式块来添加全局样式:

<style>/*全局应用*/.componentp{margin-bottom:16px;}</style><stylescoped>/*范围限定于此特定组件*/.component{background:green;}</style>

感谢你能够认真阅读完这篇文章,希望小编分享的“vue如何将本地和全局风格混合在一起”这篇文章对大家有帮助,同时也希望大家多多支持恰卡编程网,关注恰卡编程网行业资讯频道,更多相关知识等着你来学习!

收藏
分享
海报
0 条评论
37
上一篇:vue如何覆盖子组件的样式 下一篇:vue如何观察slot的变化

本站已关闭游客评论,请登录或者注册后再评论吧~

忘记密码?

图形验证码