vue组件scoped的作用就是让当前组建的样式,仅在当前组建生效。
这样的好处有:
1、避免在多人开发,造成css样式互相干扰
2、解决css类名重复导致的样式错乱问题
弊端
1、在要修改引入的外部组建样式时,要使用样式穿透。不然修改的样式不生效。
.box >>> .box1{
width: 200px;
}
/* 或者 */
.box /deep/ .box1{
width: 200px;
}
vue组件scoped的作用就是让当前组建的样式,仅在当前组建生效。
这样的好处有:
1、避免在多人开发,造成css样式互相干扰
2、解决css类名重复导致的样式错乱问题
弊端
1、在要修改引入的外部组建样式时,要使用样式穿透。不然修改的样式不生效。
.box >>> .box1{
width: 200px;
}
/* 或者 */
.box /deep/ .box1{
width: 200px;
}