手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
Vue 组件css作用域 --scoped
Vue 组件css作用域 --scoped
作者:
祝名
| 来源:发表于
2018-12-27 14:44 被阅读0次
1. 在将子组件Users.vue引入App.vue使用的情况下,两组件都有好h1标签。在App.vue中给h1标签设定样式,两个h1标签都变紫色。控制台中有两个style标签
2.如果在Users.vue中加入另一个h1标签样式,将颜色设为绿色(原App.vue文件中的样式还是设为紫色),会发现两个h1标签均变为绿色。
3. 如果想每个组件,展示各自的样式,就要在每个组件文件的style中加上scoped。在控制台中我们可以看到,每个h1后面跟着的data数据号是与各自样式一一对应的。因此,实现了各自匹配的效果。
相关文章
网友评论
本文标题:
Vue 组件css作用域 --scoped
本文链接:
https://www.haomeiwen.com/subject/ahvrlqtx.html
延伸阅读
那年盛夏诗歌
环境监察队工作总结范文
优秀教师学习心得范文
华胥引的读后感300字
《Its red》教学反思范文
农资购销的合同范本
竞选中队委优秀演讲稿
辞金蹈海的成语解释
《世纪宝鼎》公开课教案设计
因为爱你,所以牵挂
今生今世红尘醉——美到
一个90后的内心独白
致已逝去的高中年华
深度阅读
您也可以注册成为美文阅读网的作者,发表您的原创作品、分享您的心情!
情人节
母亲节
重阳节
清明节
端午节
植树节
元宵节
妇女节
愚人节
圣诞节
父亲节
教师节
儿童节
劳动节
青年节
建军节
万圣节
平安夜
光棍节
中秋节
国庆节
感恩节
腊八节
更多话题
栏目导航
摄影
故事
互联网
读书
旅行
热点阅读
让我悄悄变美的秘诀
2018年12月21日星期五。阴
原爱(2)
腹有诗书气自华
2018-12-27
2018-12-27
聊聊马丁路德的禅宗式悟道
机器人自主定位导航理想落地必克服的5大挑战
元旦节,我会认识新朋友咯
棍武
网友评论