vue学习 十三 组件CSS的作用域 or 组件Demo
vue学习 十三 组件CSS的作用域 or 组件Demo
meihuasheng
发布于 2021-03-16 21:34:09
发布于 2021-03-16 21:34:09
组件CSS的作用域：
当我们直接写的时候，各个组件之间的颜色不同的话，而显示只会显示一种，那就是主模板，或者说总是会覆盖其他的样式，所以就出现以下规定，在各个组件的样式写上scoped（范围的意思），就能让组件之间的样式不会冲突了，一个组件中的样式只会规定自身的样式。。。
组件Demo：
做到以下效果，其中点击一个div它会让下面那行文字显示和隐藏。。。。。
这个很简单实现，就是写了一个header组件，一个footer组件，一个user组件，然后在App.vue中使用，拼接就这样好了，其实也不是很难，样式那里要熟练一点就完全没有什么难度了。。。
本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-08-13 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录