vue中样式添加scoped后使用:deep()进行穿透，从而对子组件进行样式修改，经验记录

仅需要对距离要修改的子组件最近的，含有data-v-xxx的父组件使用:deep()即可。

比如

<div>
    <list>
        <span/>
    </list>
<div>

其中，<div>和<list>都含有data-v-xxx，要想修改<span>样式，仅需要如下即可

.list :deep(.span){
    color: #ffffff
}