vue复用组件出现data-v-xxx乱码无法通过css修改指定样式

vue复用组件出现data-v-xxx乱码无法通过css修改指定样式解决方案如下

选择需要修改的样式 给最高级父级元素定义新的classname
与原有样式保持相同级联 修改指定样式
.demo_parent .demo_son .demo_grandson[data-v-73a2ee76]{
padding: 0;
border-radius: 3px;
background: #fff;
}
改为指定的样式
.demo_parent_special .demo_son .demo_grandson{
padding: 0;
border-radius: 3px;
background: #000;
}
可把该元素修改为黑色背景。